@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');


    * {
        margin: 0;
        padding: 0;
    }

    body{
        background-color: #96CCFF;
    }

    div {
        padding: 25px 36px 25px 36px;
    }

    header {
        height: 80px;
        background-color: #96CCFF; 
        position: sticky;
        top: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 36px;
    }
    
    #logo-50px {
        width: 50px;
    }

    #menu-burger {
        width: 50px;
    }

    nav{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    nav a{
        font-size: 45px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #ffffff;
        text-decoration: none;
        margin-bottom: 25px;
    }

    .a-orange{
        color: #FF8C77;
    }


    footer{
        text-align: center;
    }

    footer i{
        width: 50px;
        height: 50px;
        color: #ffffff;
        transition: filter 0.3s ease;
        padding: 25px;
        --fa-animation-duration: 2s;
    }