*{border:0;margin:0;box-sizing:border-box}body{font-size:18px;letter-spacing:1px;color:#edf6f9;background-color:#0b1a2f}body,button{font-family:"Exo 2",sans-serif}button{font-size:16px}@media only screen and (max-width:480px){body{font-size:15px}}.sideNav{position:fixed;top:20px;right:10px;width:40px;height:250px;display:-webkit-flex;display:flex;padding:20px 0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:#0b1a2f;border-radius:110px;box-shadow:-4px 3px 25px 0 rgba(0,0,0,.75);z-index:99999}.sideNav svg{cursor:pointer;font-size:20px}.nav{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;min-height:8vh;max-height:8vh;padding:10px 60px;position:fixed;top:0;width:100%;z-index:9999}.nav .nav__logo{text-decoration:none;cursor:pointer;color:#edf6f9;font-size:22px;font-weight:600}.nav .nav__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.nav .nav__list .nav__item .nav__itemLink{text-decoration:none;padding:0 20px;cursor:pointer;color:#edf6f9}.nav .nav__list .nav__item .nav__itemLink:hover{color:#52b69a}.nav .nav__mobileList{display:none}.active{background:#0b1a2f}@media only screen and (max-width:480px){.nav{padding:10px 25px}.nav .nav__logo{font-size:20px}.nav .nav__list{display:none}.nav .nav__mobileList{display:block}.nav .nav__mobileList svg{font-size:20px;cursor:pointer}}.home{height:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;margin-top:140px}.home .home__content{width:30%}.home .home__content p{padding:10px 0;line-height:1.5}.home .home__content .home__contentHeader{font-weight:600}.home .home__content .highlight{color:#52b69a}.home .home__content .home__socialButtons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.home .home__content .home__socialButtons svg{font-size:22px;margin:8px 16px 8px 0;cursor:pointer;transition:margin-top .4s ease-in,color .4s ease-in}.home .home__content .home__socialButtons svg:hover{margin-top:2px;color:#52b69a}.home .home__content button{cursor:pointer;margin-top:30px;padding:15px 30px;text-align:center;border:.5px solid #52b69a;background:transparent;color:#52b69a;transition:color .4s ease-in,background .4s ease-in}.home .home__content button:hover{color:#edf6f9;font-weight:900;background:#52b69a}.home .home__img{justify-self:flex-end;padding:0;margin:0}.home .home__img img{max-height:450px}@media only screen and (max-width:480px){.home{height:auto;-webkit-flex-direction:column;flex-direction:column;margin-top:100px;margin-bottom:60px}.home .home__content{width:100%}.home .home__content p{padding:5px 0}.home .home__content .highlight,.home .home__content .home__socialButtons svg{font-size:17px}.home .home__content .home__contentHeader{font-weight:400;font-size:20px}.home .home__content button{padding:10px}.home .home__img,.home .home__img img{display:none}}@media only screen and (min-width:768px) and (max-width:1024px){.home{height:auto;margin-top:140px;margin-bottom:100px}.home .home__content{width:60%}.home .home__img{width:40%;margin-right:20px}.home .home__img img{max-height:250px}}.about{height:auto;margin-top:80px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.about .about__heading{text-align:center;position:relative}.about .about__heading:before{left:30%}.about .about__heading:after,.about .about__heading:before{content:"";display:block;width:130px;height:2px;background:#52b69a;top:50%;position:absolute}.about .about__heading:after{right:30%}.about .about__desc{color:#ddd;margin-top:80px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.about .about__desc .about__descImg{-webkit-align-self:center;align-self:center;box-shadow:10px 9px 26px -6px #000}.about .about__desc .about__descImg img{max-height:350px}.about .about__desc .about__descContent{width:50%}.about .about__desc .about__descContent .header{color:#52b69a;font-size:20px}.about .about__desc .about__descContent .desc{padding:20px 0;word-spacing:2px;letter-spacing:1px;line-height:1.5}.about .about__desc .about__descContent ul{list-style-type:none;padding-top:20px}.about .about__desc .about__descContent ul li{line-height:1.5}.about .about__desc .about__descContent ul svg{color:#52b69a;margin-right:10px}@media only screen and (max-width:480px){.about{height:auto;margin-bottom:60px}.about .about__heading{font-size:20px}.about .about__heading:before{width:50px;left:0}.about .about__heading:after{width:50px;right:0}.about .about__desc{-webkit-flex-direction:column;flex-direction:column;margin-top:60px}.about .about__desc .about__descImg{-webkit-align-self:center;align-self:center}.about .about__desc .about__descImg img{max-height:180px}.about .about__desc .about__descContent{margin-top:30px;width:100%}.about .about__desc .about__descContent .header{font-size:17px}.about .about__desc .about__descContent ul{margin-left:-20px}.about .about__desc .about__descContent ul li svg{margin-right:10px}}@media only screen and (min-width:768px) and (max-width:1024px){.about{height:auto;margin-bottom:60px}.about .about__heading{font-size:20px}.about .about__heading:before{width:50px;left:20%}.about .about__heading:after{width:50px;right:20%}.about .about__desc .about__descImg{-webkit-align-self:flex-start;align-self:flex-start;box-shadow:none;width:50%}.about .about__desc .about__descImg img{max-height:200px}.about .about__desc .about__descContent{width:50%}}.work{height:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:80px}.work .work__heading{text-align:center;position:relative}.work .work__heading:before{left:28%}.work .work__heading:after,.work .work__heading:before{content:"";display:block;width:130px;height:2px;background:#52b69a;top:50%;position:absolute}.work .work__heading:after{right:28%}.work .work__desc{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:100px}.work .work__desc .work__timeline{width:100%;height:auto;max-width:800px;margin:0 auto;position:relative}.work .work__desc .work__timeline ul{list-style:none}.work .work__desc .work__timeline ul li{padding:20px;border:1px solid #52b69a;color:#ddd;border-radius:10px;width:50%;position:relative;margin-bottom:50px}.work .work__desc .work__timeline ul li:last-child{margin-bottom:0}.work .work__desc .work__timeline ul li .work__content h1{font-weight:500;font-size:25px;line-height:30px;margin-bottom:10px}.work .work__desc .work__timeline ul li .work__content p{font-size:16px;line-height:30px;font-weight:300}.work .work__desc .work__timeline ul li .work__content .date{font-size:12px;font-weight:300;margin-bottom:10px;letter-spacing:2px}.work .work__desc .work__timeline ul li:nth-child(odd){float:left;clear:right;-webkit-transform:translateX(-30px);transform:translateX(-30px);border-radius:20px 0 20px 20px}.work .work__desc .work__timeline ul li:nth-child(odd):before{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);right:-30px}.work .work__desc .work__timeline ul li:nth-child(2n){float:right;clear:left;-webkit-transform:translateX(30px);transform:translateX(30px);border-radius:0 20px 20px 20px}.work .work__desc .work__timeline ul li:nth-child(2n):before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:-30px}.work .work__desc .work__timeline ul li:before{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background-color:#52b69a;top:0}.work .work__desc .work__timeline:before{content:"";position:absolute;top:0;left:52.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;height:100%;background-color:#52b69a}@media only screen and (max-width:480px){.work{height:auto;margin-bottom:60px}.work .work__heading{font-size:20px}.work .work__heading:before{width:50px;left:0}.work .work__heading:after{width:50px;right:0}.work .work__desc{padding-top:40px;margin-left:-40px}.work .work__desc .work__timeline{max-width:480px}.work .work__desc .work__timeline ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.work .work__desc .work__timeline ul li{padding:15px;width:80%}.work .work__desc .work__timeline ul li .work__content h1{font-size:20px}.work .work__desc .work__timeline ul li .work__content .date{font-size:15px}.work .work__desc .work__timeline ul li .work__content p{font-size:17px}.work .work__desc .work__timeline ul li:nth-child(odd){float:none;clear:both;margin-left:15px;-webkit-transform:translateX(30px);transform:translateX(30px);border-radius:0 20px 20px 20px}.work .work__desc .work__timeline ul li:nth-child(odd):before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:-30px}.work .work__desc .work__timeline ul li:nth-child(2n){float:none;clear:both;margin-left:15px}.work .work__desc .work__timeline:before{left:55px}}@media only screen and (min-width:768px) and (max-width:1024px){.work{height:auto;margin-bottom:60px}.work .work__heading{font-size:20px}.work .work__heading:before{width:50px;left:20%}.work .work__heading:after{width:50px;right:20%}.work .work__desc .work__timeline:before{left:53%}}.projects{width:70%;margin-bottom:40px;border:1px solid #52b69a;border-radius:20px 0 20px 0;-webkit-flex-direction:row;flex-direction:row;padding:30px 20px;height:auto;line-height:2}.projects,.projects .header{display:-webkit-flex;display:flex}.projects .header{width:30%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.projects .header svg{font-size:30px}.projects .desc .tech{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.projects .desc .tech .tech__item{color:#52b69a;margin-right:15px;padding:2px;border-radius:5px 0 5px 0}.projects .desc .links{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.projects .desc .links svg{cursor:pointer}.projects .desc .links svg:hover{color:#52b69a}.projects .desc .links *{margin-right:20px}@media only screen and (max-width:480px){.projects{width:95%;margin-bottom:30px;line-height:1.5;-webkit-flex-direction:column;flex-direction:column;padding:20px}.projects .header{width:90%;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:start;justify-content:start}.projects .header h2{font-size:17px}.projects .header svg{font-size:17px;margin-right:10px}.projects .desc{width:100%;line-height:2}.projects .desc .tech .tech__item{margin-right:2px}.projects .desc .links{margin-top:10px}}@media only screen and (min-width:768px) and (max-width:1024px){.projects{width:95%}}.portfolio{height:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:80px}.portfolio .portfolio__heading{text-align:center;position:relative}.portfolio .portfolio__heading:before{left:30%}.portfolio .portfolio__heading:after,.portfolio .portfolio__heading:before{content:"";display:block;width:130px;height:2px;background:#52b69a;top:50%;position:absolute}.portfolio .portfolio__heading:after{right:30%}.portfolio .portfolio__desc{padding-top:60px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;color:#ddd}@media only screen and (max-width:480px){.portfolio{height:auto;margin-bottom:20px}.portfolio .portfolio__heading{font-size:20px}.portfolio .portfolio__heading:before{width:50px;left:0}.portfolio .portfolio__heading:after{width:50px;right:0}.portfolio .portfolio__desc{padding-top:40px}}@media only screen and (min-width:768px) and (max-width:1024px){.portfolio{height:auto;margin-bottom:60px}.portfolio .portfolio__heading{font-size:20px}.portfolio .portfolio__heading:before{width:50px;left:20%}.portfolio .portfolio__heading:after{width:50px;right:20%}}.contact{height:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:60px}.contact .contact__heading{text-align:center;position:relative}.contact .contact__heading:before{left:28%}.contact .contact__heading:after,.contact .contact__heading:before{content:"";display:block;width:130px;height:2px;background:#52b69a;top:50%;position:absolute}.contact .contact__heading:after{right:28%}.contact .contact__desc{margin:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contact .contact__desc *{margin-bottom:20px}.contact .contact__desc .contact__social{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.contact .contact__desc .contact__social svg{margin-right:20px;cursor:pointer;font-size:20px}.contact .contact__desc .contact__social svg:hover{color:#52b69a}.contact .contact__desc button{cursor:pointer;margin-top:30px;padding:15px 30px;text-align:center;border:.5px solid #52b69a;background:transparent;color:#52b69a;transition:color .4s ease-in,background .4s ease-in}.contact .contact__desc button:hover{color:#edf6f9;font-weight:900;background:#52b69a}@media only screen and (max-width:480px){.contact{height:auto;width:100%}.contact .contact__heading{font-size:20px;margin-bottom:20px}.contact .contact__heading:before{width:50px;left:0}.contact .contact__heading:after{width:50px;right:0}.contact .contact__desc{margin:0;font-size:15px;line-height:1.7}.contact .contact__desc .contact__social svg{font-size:17px}.contact .contact__desc button{padding:10px 25px}}@media only screen and (min-width:768px) and (max-width:1024px){.contact{height:auto;margin-bottom:60px}.contact .contact__heading{font-size:20px}.contact .contact__heading:before{width:50px;left:20%}.contact .contact__heading:after{width:50px;right:20%}}.app{overflow:hidden}.app .app__body{padding:10px 60px}.app .app__body .footer{text-align:center;letter-spacing:1px;padding:20px}.app .app__body .footer svg{color:#52b69a}@media only screen and (max-width:480px){.app .app__body{padding:10px 25px}.app .app__body .footer{font-size:15px}}
/*# sourceMappingURL=main.340c9629.chunk.css.map */