@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
* {
    background-color: #f8f9fa;
    color: #333;
    font-family: 'Poppins', sans-serif;
}
section.one {
   height: 100vh; 
   background-image: url('../images/hrwndr.png');
   background-repeat: no-repeat;
   background-position: right;
    background-size: 47%;
}

section.one .img-small {
    display: none;
}

section.about {
    height: 100vh;
}
section.about img{
    max-width: 500px;
    width: 100vw;
}

section.portfolio {
    height: 100vh;
}
section.contact {
    height: 100vh;
}
section.contact img {
    max-width: 450px;
    width: 90vw;
}
footer {
    background-color: transparent;
    display: block;
}

@media only screen and (max-width: 990px) {
    section.one {
        text-align: center;
        background-image: none;
    }
    section.one .img-small {
        display: block;
    }
}

/* Social Icons */
section.one ul.social-icons {
    list-style: none;
    display: flex;
    padding:5px;
    background-color: transparent;
}
section.one ul.social-icons li:nth-child(1) {
    margin-left: 0;
}
section.one ul.social-icons li {
    margin: 1rem;
}
/* Social Icons Hover Effects */
section.one ul.social-icons li:nth-child(1) a:hover svg{
    fill: #4267B2;
}
section.one ul.social-icons li:nth-child(2) a:hover svg{
    fill: #f09433;
}
section.one ul.social-icons li:nth-child(3) a:hover svg{
    fill: #FF0000;
}
section.one ul.social-icons li:nth-child(4) a:hover svg{
    fill: #0e76a8
}
section.one ul.social-icons li:nth-child(5) a:hover svg{
    fill: #4285F4;
}
section.one ul.social-icons li:nth-child(6) a:hover svg{
    fill: #4e9a08;
}

section.one ul.social-icons li svg {
    width: 100%;
}

section.one .nextBtn {
    background-color: transparent;
    animation: jiggle 1s infinite ease-in-out;
}
.glider a {
    text-decoration: none;
}
@keyframes jiggle {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(5px);
    }
    100% {
      transform: translateY(0px);
    }
}