/* google font */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;1,400&display=swap');

/* setting the margin and padding to zero and setting the font*/
*{
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}
/* setting the margin and padding of p and a tag to zero */
p , a{
    padding: 0;
    margin: 0;

}

/* body global style */
body{
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#social {
    position: fixed;
    top: 25%;
    right: 0;
    line-height: 1;
}

#social .social-btn {
    display: block;
    padding: 14px 13px;
    color: #ffffff;
}

#social .social-img {
    width: 19px;
}

#facebook {
    background-color: #3b5998;
}

#facebook:hover {
    background-color: #2d4373;
}

#linkedin {
    background-color: #0077b5;
}

#linkedin:hover {
    background-color: #00121c;
}

#twitter {
    background-color: #83c3f3;
}

#twitter:hover {
    background-color: #55acee;
}

#gmail {
    background-color: #dd4b39;
}

#gmail:hover {
    background-color: #c23321;
}

#whatsapp {
    background-color: #6ba92f;
}

#whatsapp:hover {
    background-color: #528124;
}

#mail {
    background-color: #ed4926;
}

#mail:hover {
    background-color: #cf3311;
}