.navBtns{margin:10px 0}.navBtns a{display:flex;justify-content:center;align-items:center;padding:15px;background-color:#f2f3f5;border-radius:50%;color:#45505b;font-size:1.5rem;font-family:Montserrat,sans-serif;transition:width .4s ease-in-out,background-color .4s linear,color .4s linear}.navBtns a span{display:none;text-transform:capitalize;font-size:1rem;margin-left:10px}.navBtns a.isActive{background-color:#0563bb;color:#fff;width:auto;border-radius:50px;padding-right:20px}.navBtns a.isActive span{display:inline}.navBtns a:hover{background-color:#f2f3f5;color:#45505b;width:auto;border-radius:50px;padding-right:20px}.navBtns a:hover span{display:inline}@media screen and (max-width: 990px){.navBtns{width:100%}.navBtns a{width:100%;border-radius:50px;justify-content:flex-start}.navBtns a span{display:inline}}nav{position:fixed;top:0;left:0;height:100vh;display:flex;justify-content:center;align-items:center;transition:left .5s ease-in-out;z-index:100}nav ul{padding:0 20px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}@media screen and (max-width: 990px){nav{width:300px;box-shadow:5px 0 10px #f2f3f5;background-color:#fff}nav.visible{left:0}nav.hidden{left:-310px}nav ul{width:100%;align-content:center}}#home{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding-left:175px}#home article{width:100%;max-width:1440px;color:#45505b;text-align:center}#home article h1{font-size:4rem;font-family:Raleway,sans-serif}#home article p{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:500;margin:15px 0 35px}#home article p span{color:#0563bb}#home article ul li{display:inline-block;margin-right:20px;font-size:1.5rem}#home article ul li a{color:#45505b}#home article ul li a:hover{color:#ff9b50}@media screen and (max-width: 990px){#home{justify-content:center;align-items:center;padding:0}#home article{padding:0;text-align:center}#home article h1{font-size:4rem}#home article p{font-size:1.5rem}#home article ul li{display:inline;font-size:2.5rem}}#underline{width:120px;height:4px;background-color:#f2f3f5;display:flex;justify-content:center;align-items:center}#underline div{background-color:#0563bb;height:100%;width:40px}#descriptionItem{display:flex;justify-content:flex-start;align-items:center;margin-top:20px;font-size:1rem;font-family:Open Sans,sans-serif}#descriptionItem span{display:flex;justify-content:center;align-items:center}#descriptionItem span:nth-child(1){color:#0563bb}#descriptionItem span:nth-child(2){text-transform:capitalize;font-weight:bolder;color:#272829;margin:0 5px}.interest{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;margin:30px 80px;flex:10%}.interest span:nth-child(1){display:flex;justify-content:center;align-items:center;font-size:2rem;padding:15px;background-color:#0563bb;border-radius:50%}.interest span:nth-child(2){margin-top:20px;text-transform:capitalize;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:400;color:#272829}@media screen and (max-width: 990px){.interest{flex:25%}}#facts{transform:translateY(200px)}#facts ul{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#skills{transform:translateY(200px)}#skills ul{width:90%;max-height:200px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#skills ul li{width:25%;flex:50%;display:flex;justify-content:flex-start;align-items:center;font-size:1.5rem;margin:15px 0;font-family:Montserrat,sans-serif}#skills ul li span:nth-child(1){color:#0563bb;display:flex;justify-content:center;align-items:center}#skills ul li span:nth-child(2){color:#272829;font-size:20px}@media screen and (max-width: 990px){#skills ul li{width:50%;flex:50%}#skills ul li span:nth-child(2){font-size:1rem}}@media screen and (max-width: 630px){#skills ul{max-height:none;align-items:center}#skills ul li{width:50%;flex:100%;margin:10px 0}#skills ul li span:nth-child(2){font-size:1.2rem}}#about{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 25px 0 175px;text-align:center;color:#45505b;margin:200px auto auto;opacity:0}#about article{width:100%;height:100%;margin:75px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}#about article .article-heading{font-size:2.2rem;font-family:Raleway,sans-serif;text-transform:uppercase;margin-bottom:15px}#about article p{margin-top:25px;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.2rem}#about article .description-container{margin:40px 0;width:100%;display:flex;justify-content:center;align-items:flex-start}#about article .description-container img{width:300px;min-width:300px;height:300px;object-fit:cover}#about article .description-container .description-texts{min-width:50%;max-width:60%;text-align:left;margin-left:25px}#about article .description-container .description-texts h2{font-size:1.8rem;font-family:Raleway,sans-serif;color:#0563bb}#about article .description-container .description-texts p{margin-top:10px}#about article .description-container .description-texts .description-lists{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}@media screen and (min-width: 1440px){#portfolio{padding:0}}@media screen and (max-width: 990px){#about{padding:0 100px}#about article .description-container{width:100%;flex-direction:column;align-items:center}#about article .description-container img{width:300px;height:300px;border-radius:50%;margin-bottom:30px}#about article .description-container .description-texts{min-width:100%;margin:0}#about article .description-container .description-texts .description-lists{flex-direction:column;justify-content:center;align-items:flex-start}}@media screen and (max-width: 630px){#about{padding:0 50px}}.resume-item-description{position:relative;border-left:2px solid #0563bb;padding:0 25px 8px!important}.resume-item-description h4{font-family:Open Sans,sans-serif;font-size:1.2rem;color:#0563bb}.resume-item-description .resume-item-date{font-weight:700!important;background-color:#f2f3f5;display:inline-block;padding:5px;font-family:Raleway,sans-serif!important}.resume-item-description .resume-item-p,.resume-item-description .resume-item-link{margin-top:10px;font-size:.9rem;font-family:Open Sans,sans-serif;font-weight:400}.resume-item-description .resume-item-link a{margin-left:5px;color:#ff9b50}.resume-item-description .resume-item-link a:hover{text-decoration:underline}.resume-item-description #address-contacts{font-family:Open Sans,sans-serif;margin-top:10px}.resume-item-description #address-contacts li{list-style-type:circle;list-style-position:inside}.resume-item-description:before{content:"";width:16px;height:16px;background-color:#fff;border:2px solid #0563bb;border-radius:50%;position:absolute;top:0;left:-11px}.resume-item{margin-bottom:20px}.resume-item h2{text-transform:capitalize;font-family:Montserrat,sans-serif;margin-bottom:10px}#resume{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 25px 0 175px;text-align:center;color:#45505b;margin:75px auto;opacity:0;transform:translateY(200px)}#resume .section-heading{font-size:2.2rem;font-family:Raleway,sans-serif;text-transform:uppercase;margin:75px 0 15px}#resume .resume-description{margin-top:25px;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.2rem}#resume .resume-description a{color:#ff9b50}#resume .resume-description a:hover{text-decoration:underline}#resume article{width:100%;margin-top:30px;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}#resume article .resume-cols{width:50%;text-align:left;flex:50%!important}@media screen and (max-width: 990px){#resume{padding:0 100px}#resume article{flex-direction:column;align-items:center}#resume article .resume-cols{width:80%}}@media screen and (max-width: 630px){#resume{padding:0 50px}}.project-container{width:80%;display:flex;justify-content:space-between;align-items:center;position:relative;margin:50px 0;opacity:0}.project-container:nth-child(2n){transform:translate(100%);flex-direction:row-reverse}.project-container:nth-child(2n) .project-description-container{text-align:left;position:absolute;left:0}.project-container:nth-child(2n) .project-description-container .project-text{max-width:75%!important}.project-container:nth-child(2n) .project-description-container .project-text:nth-child(4) span{margin-right:20px}.project-container:nth-child(2n) .project-description-container .project-description{text-align:left}.project-container:nth-child(2n) .project-description-container .project-links{margin-top:20px}.project-container:nth-child(2n) .project-description-container .project-links a{margin-right:20px}.project-container:nth-child(odd){transform:translate(-100%);flex-direction:row}.project-container:nth-child(odd) .project-description-container{text-align:right;position:absolute;right:0;display:flex;flex-direction:column;align-items:flex-end}.project-container:nth-child(odd) .project-description-container .project-text{max-width:75%!important}.project-container:nth-child(odd) .project-description-container .project-text:nth-child(4) span{margin-left:20px}.project-container:nth-child(odd) .project-description-container .project-description{text-align:right}.project-container:nth-child(odd) .project-description-container .project-links{margin-top:20px}.project-container:nth-child(odd) .project-description-container .project-links a{margin-left:20px}.project-container .project-description-container{width:50%;max-width:50%}.project-container .project-description-container .project-text:nth-child(1){font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600}.project-container .project-description-container .project-text:nth-child(4){font-size:.9rem;font-family:Open Sans,sans-serif;color:#45505b}.project-container .project-description-container h4{text-transform:capitalize;font-family:Open Sans,sans-serif;font-size:1.5rem;margin-top:10px}.project-container .project-description-container .project-description{margin:20px 0;background-color:#f2f3f5;padding:30px 20px}.project-container .project-description-container .project-description p{font-family:Open Sans,sans-serif;font-size:.9rem}.project-container .project-description-container .project-links{font-size:1.8rem}.project-container .project-description-container .project-links a{color:#45505b}.project-container .project-description-container .project-links a:hover{color:#ff9b50}.project-container img{width:100%;height:auto;max-height:350px;filter:saturate(0);transition:filter .2s linear}.project-container img:hover{cursor:pointer;filter:saturate(1)}.slide-in{transform:translate(0)}@media screen and (max-width: 1200px){.project-container{width:100%}}@media screen and (max-width: 990px){.project-container{width:100%;min-height:100px}.project-container img{width:100%;height:100%;object-fit:cover;max-height:none;position:absolute;top:0;left:0}.project-container:nth-child(odd) .project-description-container{text-align:left}.project-container:nth-child(odd) .project-description-container .project-description{text-align:left}.project-container:nth-child(odd) .project-description-container .project-text:nth-child(4) span{margin:0 20px 0 0}.project-container:nth-child(odd) .project-description-container .project-links a{margin:0 20px 0 0}.project-container .project-description-container{width:100%;max-width:100%;position:relative!important;padding:30px;background-color:#242424c7;color:#fff;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;transition:background-color .3s linear}.project-container .project-description-container:hover{background-color:#151515ce}.project-container .project-description-container .project-description{text-align:left;background:none;padding:0;color:#fff}.project-container .project-description-container .project-text span,.project-container .project-description-container .project-links a{color:#fff}}#portfolio{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 25px 0 175px;text-align:center;color:#45505b;margin:75px auto;overflow:hidden}#portfolio .section-heading{font-size:2.2rem;font-family:Raleway,sans-serif;text-transform:uppercase;margin:75px 0 15px}#portfolio .section-description{margin-top:25px;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.2rem}#portfolio .section-description a{color:#ff9b50}#portfolio .section-description a:hover{text-decoration:underline}#portfolio article{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 990px){#portfolio{padding:0 175px}}@media screen and (max-width: 630px){#portfolio{padding:0 50px}}#contact{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 25px 0 175px;text-align:center;color:#45505b;margin:0 auto 75px;transform:translateY(200px)}#contact .section-heading{font-size:2.2rem;font-family:Raleway,sans-serif;text-transform:uppercase;margin:75px 0 15px}#contact .contact-info-container{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}#contact .contact-info-container p{font-family:Open Sans,sans-serif;font-weight:400;font-size:1.2rem}#contact .contact-info-container p a{color:#ff9b50}#contact .contact-info-container p a:hover{text-decoration:underline}#contact .contact-info-container .contact-hello-btn{padding:15px 25px;font-size:1.2rem;background-color:#fff;border:3px solid #ff9b50;margin:20px 0;color:#ff9b50;font-family:Montserrat,sans-serif;font-weight:500}#contact .contact-info-container .contact-hello-btn:hover{cursor:pointer;background-color:#ff9b50;color:#fff}#contact .contact-info-container .contact-links{width:70%;display:flex;justify-content:center;align-items:center;margin-top:5px;flex-wrap:wrap}#contact .contact-info-container .contact-links li{flex:25%;margin:20px 0;min-width:200px}#contact .contact-info-container .contact-links li a{display:inline-flex;justify-content:center;align-items:center;flex-direction:column}#contact .contact-info-container .contact-links li a span:nth-child(1){font-size:2rem;color:#ff9b50;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-bottom:5px;transition:background-color .2s linear,color .2s linear}#contact .contact-info-container .contact-links li a span:nth-child(2){font-size:1rem;font-family:Montserrat,sans-serif;font-weight:500;text-transform:capitalize;color:#45505b}#contact .contact-info-container .contact-links li a:hover span:nth-child(1){color:#fff;background-color:#ff9b50}@media screen and (max-width: 990px){#contact{padding:0 100px}#contact .contact-info-container .contact-links{width:100%}}@media screen and (max-width: 630px){#contact{padding:0 50px}#contact .contact-info-container p{line-height:2.5rem;font-size:1.8rem}}@media screen and (max-width: 400px){#contact{padding:0 25px}#contact .contact-info-container p{font-size:1.2rem}#contact .contact-info-container .contact-links li{min-width:50%!important}#contact .contact-info-container .contact-links li a span:nth-child(1){font-size:3rem!important}}#footer{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 25px 20px 175px;text-align:center;color:#45505b;margin:75px auto 20px}#footer a{font-size:15px;font-family:Montserrat,sans-serif;font-weight:600;color:#45505b}#footer a:hover{color:#ff9b50}@media screen and (max-width: 990px){#footer{padding:0 100px}}@media screen and (max-width: 630px){#footer{padding:0 50px}#footer a{font-size:1.2rem}}*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;text-decoration:none;border:none;outline:none}html{scroll-behavior:smooth}#root{animation:animateOpacity .8s linear}@keyframes animateOpacity{0%{opacity:0}to{opacity:1}}.animated-sections{animation:translateUp 1s ease-out forwards}@keyframes translateUp{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.animated-projects{animation:translateProjectsUp 1.5s ease-out forwards}@keyframes translateProjectsUp{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.animated-projects-odd{animation:translateProjectRight 1.5s ease-out forwards}.animated-projects-even{animation:translateProjectLeft 1s ease-out forwards}@keyframes translateProjectLeft{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes translateProjectRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}#navToggleBtn{position:fixed;top:10px;right:10px;padding:15px;font-size:1.5rem;color:#45505b;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:color .2s linear,background-color .2s linear;z-index:200}#navToggleBtn.toggled{background-color:#0563bb;color:#fff}#navToggleBtn:hover{cursor:pointer}@media screen and (min-width: 990px){#navToggleBtn{display:none}}@media screen and (max-width: 400px){html{font-size:60%}#navToggleBtn{font-size:2.5rem}}