*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
/* Home Page */
    body{
        background: linear-gradient(rgb(219, 41, 41),rgb(234, 160, 22));
        min-height: 50vh;
        width: 100%;
        text-align: center;
    }

    html{
        scroll-behavior: smooth;
    }

    nav ul li{
        display: inline;
        margin-right: 100px;
    }


    li{
        font-size: 26px;
        font-family: sans-serif;
        color: aliceblue;
        text-align: center;
    }

    h1{
        transform: translateY(20px);
        color: burlywood;
        font-family: cursive;
        font-size: 100px;
        text-align: center;
    }

    .banner{
        width: 100%;
    }

    li2{
        font-family: cursive;
        color: #FFDD00; 
        font-size: 50px;
    }


    /* About Me */
    h2{
        font-family: fantasy;
        text-align: center;
        font-size: 100px;
        color:dodgerblue;
        transform: translateY(-10px)
    }

    .bubble{
        transform: translateX(-60px);
    }


    /* Interests */
    h3{
        text-align: center;
        font-size: 100px;
        font-family: sans-serif;
        color: forestgreen;
    }

    figcaption{
        text-align: center;
        font-size: 35px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: black;
    }

    .grid{
    display: grid;
    /* grid-template-columns: 1fr 2fr 1fr; */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.grid img{
    width: 100%;
}


/* Footer */
h4{
    text-align: center;
    font-size: 100px;
    color: blueviolet;
    font-family: monospace;
    transform: translateY(20px);
}

footer li{
        font-size: 50px;
        text-align: left;
}


/* Thank You */
    h5{
        text-align: center;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        color: crimson;
    }