Untitled

@media all and (max-width:500px)  {
    .p2{
        font-size:30px;
        position: absolute;
        top: 20%;
        left: 20%;
    }
    
    .p2 span{
        font-size:17px;
        position: absolute;
        width: 400%;
        top: 110%;
        left: -44%;
    }
    
    a{
        text-decoration: none;
    }
    
    body{
        -webkit-animation: fadein 0.75s;
        -moz-animation: fadein 0.75s; 
            -ms-animation: fadein 0.75s;    
            -o-animation: fadein 0.75s;  
                animation: fadein 0.75s;
        font-family: 'Secular One', sans-serif;
        background: #000000;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        height:1896px;
        background-repeat: no-repeat;
    }
    
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    
    nav{
        width: 100%;
        height: 120px;
        background-color: rgb(123, 123, 123);
    }
    
    nav p a{
        position: absolute;
        top: 7px;
        left: 25%;
        color: white;
        font-size:24px;
        line-height:59px;
    }
    
    nav ul{
        position: absolute;
        top: 8%;
        left:2%;
        
    }
    
    nav ul li{
        padding: 0px 0px;
        display: block;
        float:left;
        list-style: none;
    }
    
    nav ul li a{
        display: block;
        color: white;
        font-size:14px;
        padding: 20px 8px;
        text-decoration: none;
    }
    
    nav ul li ul{
        display: none;
        position: absolute;
        left:69%;
        top: 80%;
        padding: 1px;
        background-color: white;
        border-radius:0px 0px 4px 4px;
    }
    
    nav ul li:hover ul {
        display: block;
    }
    
    nav ul li ul li a{
        color: rgb(0, 0, 0);
        position: inherit;
        left:50%;
        padding: 12px 14px;
        transition: 0.25s;
    }
    
    nav ul li ul li{
        color: rgb(0, 0, 0);
        width:180px;
        border-radius:4px;
    }
    
    nav ul li ul li a:hover {
        background-color:#c2c2c2;
    }
}