body {
    margin: 0;
    background-color: #fbf5f5;
    font-size: 20px;
    text-align: left;
    font-family: 'Lobster', cursive;
    font-family: 'Overpass', sans-serif;

}

ul {
    padding-left: 5rem;
    list-style-type: none;
    margin: 100px;
}

.imagelist {

    background-size: 1.6rem 1.6rem;
    list-style-image: url("../pancakes.jpg");
    list-style-position: outside;
    background-repeat: none;

    padding: 5px;
    text-align: left;
    font-family: 'Hind', sans-serif;
    font-size: 2rem;
    letter-spacing: 2px;
}



ol {
    padding-left: 5rem;

}

li {
    margin: 100px;
    padding: 5px;
    text-align: left;
    font-family: 'Hind', sans-serif;
    font-size: 2rem;
    letter-spacing: 2px;
}


.linklist {
    padding: 5px;
    text-align: left;
    font-family: 'Hind', sans-serif;
    font-size: 2rem;
    letter-spacing: 2px;
}

.radius1 {
    border-radius: 30px;
    background-color: #d5eb2c;
    text-align: center;
}

.radius2 {
    border-radius: 10px 100px / 120px;
    background-color: #2ceba8;
    text-align: center;
    line-height: 3;
}

.radius3 {
    text-decoration: none;
    outline: none;
    border: dashed rgb(0, 72, 255);
    text-align: center;
    line-height: 3;
}

.radius4 {
    text-decoration: none;
    outline: none;
    border: 4mm ridge rgba(218, 115, 26, 0.6);
    text-align: center;
    line-height: 3;
}

h1 {
    font-family: 'Lobster', cursive;
    color: #002939;
    text-align: center;
    letter-spacing: 2px;
    font-size: 65px;
    margin: 0px;
    padding: 40px;
    background-color: #96DAEA;
}

h2 {
    font-family: 'Lobster', cursive;
    color: #002939;
    text-align: left;
    letter-spacing: 2px;
    font-size: 40px;
    margin: 20px;
}


a {
    outline: none;
    padding: 25px;

}


a:link {
    color: #96DAEA;
}


a:visited {
    color: #DF854F;
}

a:focus {

    text-decoration: none;
    color: #eb2cd1
}

a:hover {
    color: #002244;
}

a:active {
    color: #ef0808;
}

p {

    font-family: "mydownloadedFont", Sofia-Regular;
    margin: 100px;
    padding: 5px;
    text-align: left;
    font-size: 2rem;
    letter-spacing: 2px;
}

@font-face {
    font-family: "mydownloadedFont";
    src: url("../Sofia-Regular.otf");
}