#premiere{
   width: 60px;
    border-radius: 80%;
    padding-left: 8%;
}

#b{
    width: 8px;
}
.ab{
    padding-top: 40px;
}

#first{
    background-color: black;
    padding-left: 3%;
    width: 20%;
    padding-bottom: 15px;
    padding-top: 12px;
    

}
a{
    text-decoration: none;
    color: rgb(212, 207, 197);
    padding-left: 10px;
}
h4 a{
    color: white;
}




div{
    display: inline-flex;
    padding-left: 70px;
    padding-top: 50px;
    
}

 #second{
padding-left: 7%;


}

p{
    padding-top: 22px;
}

#font{
    font-size: 35px;
}
i{
    font-size: 50px;
}
#ap{
    font-size: 20px;
}
.o{
    padding-left: 5px;
}
.u{
    padding-bottom: 12px;
}

button:hover{
background-color: red;
color: greenyellow;
}
button:active{
    color: darkblue;
    
}










a:hover{
    background-color: rgb(193, 155, 155);
    background-color: rgb(74, 73, 73);
    background-color: rgb(224, 255, 161);
    border-radius: 5px;
}
a:active{
    color: palevioletred;
}

ol {
    width: 190px;
    padding: 180px;

    
}








@media screen and (max-width:600px) {
    
    #premiere{
        width: 20px;
         border-radius: 20%;
         padding-left: 1%;
     }
     
     #b{
         width: 2px;
     }
     .ab{
         padding-top: 10px;
     }
     
     #first{
         background-color: black;
         padding-right: 1%;
         width: 5%;
         padding-bottom: 4px;
         padding-top: 3px;
         
     
     }
     a{
         text-decoration: none;
         color: rgb(212, 207, 197);
         padding-right: 5px;
     }
     h4 a{
         color: white;
     }
     
     
     
     
     div{
         display: inline-flex;
         padding-right: 5px;
         padding-top: 10px;
         
     }
     
      #second{
     padding-right: 1%;
     
     
     }
     
     p{
         padding-top: 5px;
     }
     
     #font{
         font-size: 5px;
     }
     i{
         font-size: 10px;
     }
     #ap{
         font-size: 5px;
     }
     .o{
         padding-right: 1px;
     }
     .u{
         padding-bottom: 3px;
     }
     
     button:hover{
     background-color: red;
     color: greenyellow;
     }
     button:active{
         color: darkblue;
         
     }
     
     
     
     
     
     
     
     
     
     
     a:hover{
         background-color: rgb(193, 155, 155);
         background-color: rgb(74, 73, 73);
         background-color: rgb(224, 255, 161);
         border-radius: 3px;
     }
     a:active{
         color: palevioletred;
     }
     
     ol {
         width: 20px;
         padding: 18px;
     
         
     }

    
}


@media screen and (max-width:1000px) and (min-width:600px) {
   
    #premiere{
        width: 20px;
         border-radius: 20%;
         padding-left: 1%;
     }
     
     #b{
         width: 2px;
     }
     .ab{
         padding-top: 10px;
     }
     
     #first{
         background-color: black;
         padding-right: 1%;
         width: 5%;
         padding-bottom: 4px;
         padding-top: 3px;
         
     
     }
     a{
         text-decoration: none;
         color: rgb(212, 207, 197);
         padding-right: 5px;
     }
     h4 a{
         color: white;
     }
     
     
     
     
     div{
         display: inline-flex;
         padding-right: 5px;
         padding-top: 10px;
         
     }
     
      #second{
     padding-right: 1%;
     
     
     }
     
     p{
         padding-top: 5px;
     }
     
     #font{
         font-size: 5px;
     }
     i{
         font-size: 10px;
     }
     #ap{
         font-size: 5px;
     }
     .o{
         padding-right: 1px;
     }
     .u{
         padding-bottom: 3px;
     }
     
     button:hover{
     background-color: red;
     color: greenyellow;
     }
     button:active{
         color: darkblue;
         
     }
     
     
     
     
     
     
     
     
     
     
     a:hover{
         background-color: rgb(193, 155, 155);
         background-color: rgb(74, 73, 73);
         background-color: rgb(224, 255, 161);
         border-radius: 3px;
     }
     a:active{
         color: palevioletred;
     }
     
     ol {
         width: 20px;
         padding: 18px;
     
         
     }


}