body{background:#128e88;background:linear-gradient(115deg,#128e88,#1b5f87 76%)}a{color:#000;text-decoration:none;background-color:transparent}body,ul,li{padding:0;margin:0;font-family:Saira Condensed,sans-serif}nav{position:fixed;width:300px;background:transparent;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:hidden;left:0;z-index:99998;background:#128e88;background:linear-gradient(115deg,#128e88,#1b5f87 76%);transition:.5s all ease}.side-nav-active nav{left:0}nav ul{list-style:none}nav ul li{padding:20px;text-align:center;letter-spacing:1px}nav ul li a{text-decoration:none!important;color:#fff!important}a:not([href]):not([tabindex]){color:#fff!important;cursor:pointer!important}a.active,nav ul li a:hover{text-decoration:none;color:#fff!important;border-bottom:5px solid #6fff32}.avatar{width:150px;height:150px;border-radius:50%;margin-bottom:20px}.shadow{box-shadow:0 0 15px #00000063}.main-content{width:calc(100% - 300px);float:right;min-height:100vh;transition:.5s all ease}.nav-button{display:none;position:fixed;padding:20px;z-index:99999;cursor:pointer}.nav-button div{width:40px;height:5px;margin-bottom:3px;background:#fff;transition:.5s all ease}.side-nav-active .nav-button div{margin:20px 0}.side-nav-active .nav-button div:nth-child(1){transform:rotate(45deg);position:absolute}.side-nav-active .nav-button div:nth-child(3){display:none}.side-nav-active .nav-button div:nth-child(2){transform:rotate(-45deg);position:absolute}@media (max-width: 922px){.nav-button{display:initial}nav{left:-400px;transition:.5s all ease}.main-content{width:100%}}#home{background:#128e88;background:linear-gradient(115deg,#128e88,#1b5f87 76%);background-size:400% 400%;height:105vh;animation:bg-animation 5s ease infinite}#home .row{background-attachment:fixed;background-image:url(/img/intro.svg);background-position:center center;background-size:cover;width:100%;min-height:100vh;color:#fff}#about{background:linear-gradient(115deg,#246050,#449882 76%);min-height:100vh;color:#fff;width:100%;background-size:400% 400%;animation:bg-animation 5s ease infinite}@media (max-width: 768px){#about{height:auto}}#about .row{background-attachment:fixed;background-image:url(/img/intro.svg);background-position:center center;background-size:cover}.about div{margin-top:20px}.row{margin:0!important}.nav-tabs .nav-link{color:#fff}.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{background:transparent;color:#fff;border-color:#fff}.skill{font-size:80px;color:#fff!important}.fade:not(.show){visibility:hidden!important}@-webkit-keyframes bg-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bg-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#recent-works{min-height:100vh;background:linear-gradient(115deg,#ee6958,#cc4938 76%);color:#fff;width:100%;background-size:400% 400%;animation:bg-animation 5s ease infinite}#recent-works .row{background-attachment:fixed;background-image:url(/img/intro.svg);background-position:center center;background-size:cover}.dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.dot-list li button:hover,.dot-list .react-multi-carousel-dot--active button{background:linear-gradient(115deg,#ee6958,#cc4938 76%)!important}#contact{background:linear-gradient(115deg,#71a1f5,#2f5393 76%);color:#fff;width:100%;height:105vh;background-size:400% 400%;animation:bg-animation 5s ease infinite}#contact .row{background-attachment:fixed;background-image:url(/img/intro.svg);background-position:center center;background-size:cover}.social-links i{transition:all ease .5s}.social-links i:hover{color:#000!important}