electronic.css

.h {
    text-align: center;
    font-size: 50px;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

a{
    color: darkblue;
}

/* a:hover {
    color: cadetblue;
} */

.txt {
    font-size: 25px;
}

.cont {
    margin-bottom: 2%;
}

.rounded-icons {
    text-align: center;
    margin: 50px;
}

 .social-button {

   display: inline-block;
   position: relative !important;
   cursor: pointer !important;
   width: 3.125rem !important;
   height: 3.125rem !important;
   border: 0.125rem solid transparent;
   padding: 0;
   text-decoration: none;
   text-align: center;
   color: #fefefe;
   font-size: 1.5625rem;
   font-weight: normal;
   line-height: 2em;
   border-radius: 1.6875rem;
   transition: all 0.5s ease;
   margin-right: 0.25rem;
   margin-bottom: 0.25rem;

}

.rounded-icons .social-button:hover, .rounded-icons .social-button:focus {
   -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
           transform: rotate(360deg);
 }

 .social-button.rpi {
    background: black;
    
 }

 .social-button.ros {
    background : lightblue;
    
 }

 .social-button.arduino {
     background : #009688;
     
 }

 .social-button.location {

    background :black
 
 }


@media(max-width : 600.98px)
{
    .h {
        font-size: 40px;
    }
    .txt {
        font-size : 20px;
    }
}