p { 
    color:rgb(0, 0, 0);
    font-size: 20px;
}

    h2 {
        color: rgb(35, 35, 54);
            font-size: 20px;
            font-weight: bolder;
            
    }              
    ul { color:rgb(35, 35, 58);
    }

    h1 { font-size: 80px;
        text-align: center;
     text-shadow: 5px 3px 10px rgb(255, 255, 255);
        font-style: italic;
        
    }
    body { background-color: rgb(56, 104, 134);
     background-image: url(https://miro.medium.com/v2/resize:fit:1400/0*76hsbUqR5O8apM0u.jpg);
     background-size: cover;

    }

    h3 { text-align: center;
        font-size: 20px;
    }
    
    main { width: 70%;
        margin: auto;
        padding: 20px;

        border-width: 2px;
        border-style: solid;

        background-color:rgb(255, 255, 255);
    }

    nav { background-color:rgb(0, 70, 95);
        padding: 10px;
        position: fixed;
       top: 0;
       left: 0;
       width: 1000%;

    }

    a { color: white;
        padding: 10px;
        text-align: none;
        background-color: darkblue;
     border-radius: 5px;
     transition-duration: 300ms;
     display: inline-block;
     text-decoration: none;
    }

    a:hover { background-color: aqua;
        transition-duration: ;
        translate: 0 -4px;
        {