.navbar{width:100%;height:70px;background-color:#f3ffe2;color:#1695a3;position:fixed;top:0;z-index:3;transition:all .3s ease}.navbar .wrapper{padding:10px 30px;display:flex;align-items:center;justify-content:space-between}.navbar .wrapper .left{display:flex;align-items:center}.navbar .wrapper .left .logo{font-size:40px;font-weight:700;text-decoration:none;color:inherit;margin-right:40px}@media (max-width: 1000px){.navbar .wrapper .left .logo{font-size:30px}}.navbar .wrapper .left .social{display:flex;align-items:center;margin-left:20px;color:#1695a3;text-decoration:none}@media (max-width: 1000px){.navbar .wrapper .left .social{display:none}}.navbar .wrapper .left .social .icon{font-size:18px;margin-right:5px}.navbar .wrapper .left .social span{font-size:15px;font-weight:500}.navbar .wrapper .right .hamburgerMenu{width:32px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.navbar .wrapper .right .hamburgerMenu span{width:100%;height:3px;background-color:#1695a3;transform-origin:left;transition:all .3s ease}.navbar.active{background-color:#1695a3;color:#f3ffe2}.navbar.active .hamburgerMenu span:first-child{background-color:#f3ffe2;transform:rotate(45deg)}.navbar.active .hamburgerMenu span:nth-child(2){opacity:0}.navbar.active .hamburgerMenu span:last-child{background-color:#f3ffe2;transform:rotate(-45deg)}.info{background-color:#f3ffe2;display:flex}@media (max-width: 1000px){.info{flex-direction:column;align-items:center}}.info .left{flex:.5;overflow:hidden}.info .left .imgContainer{width:700px;height:700px;border-radius:50%;background-color:#225378;display:flex;align-items:flex-end;justify-content:center;float:right}@media (max-width: 1000px){.info .left .imgContainer{align-items:start;position:relative}}.info .left .imgContainer img{height:100%}@media (max-width: 1000px){.info .left .imgContainer img{height:45%;position:absolute;bottom:45%}}.info .right{flex:.5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.info .right .wrapper{flex:1;height:100%;width:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1000px){.info .right .wrapper{padding-left:0;align-items:center}}.info .right .wrapper h1{font-size:60px;margin:0;color:#225378}@media (max-width: 1000px){.info .right .wrapper h1{font-size:40px}}.info .right .wrapper h2{font-size:35px;font-weight:300;color:#225378}@media (max-width: 1000px){.info .right .wrapper h2{font-size:30px}}.info .right .wrapper h3{font-size:30px;color:#eb7f00}@media (max-width: 1000px){.info .right .wrapper h3{font-size:20px}}.info .right .wrapper h3 .ityped-cursor{font-size:2.2rem;opacity:1;-webkit-animation:blink .3s infinite;-moz-animation:blink .3s infinite;animation:blink .3s infinite;animation-direction:alternate}@media (max-width: 1000px){.info .right .wrapper h3 .ityped-cursor{font-size:1.5rem}}@keyframes blink{to{opacity:0}}@-webkit-keyframes blink{to{opacity:0}}@-moz-keyframes blink{to{opacity:0}}.info .right .social{flex:1;height:100%;width:100%;padding-left:50px;display:flex;flex-direction:column}@media (max-width: 1000px){.info .right .social{flex-direction:row}}.info .right .social h3{margin:40px 0 30px 75px;font-size:20px;color:#225378}@media (max-width: 1000px){.info .right .social h3{display:none}}.info .right .social h3 .chicago{color:#eb7f00}.info .right .social .social-link{font-size:24px;display:flex;align-items:center;color:#1695a3;margin-bottom:15px;margin-left:100px;text-decoration:none}@media (max-width: 1000px){.info .right .social .social-link{font-size:15px;margin:0 20px 35px;justify-content:center}.info .right .social .social-link span{display:none}}.info .right .social .social-link .icon{margin-right:5px;color:#1695a3;font-size:35px}.info .right #down-arrow{position:absolute;bottom:10px;left:40%;text-decoration:none;color:#1695a3}@media (max-width: 1000px){.info .right #down-arrow{margin:0 auto;bottom:3px}}.info .right #down-arrow .down-icon{font-size:60px;animation:flashArrow 4s infinite}@media (max-width: 1000px){.info .right #down-arrow .down-icon{font-size:40px}}@keyframes flashArrow{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}.portfolioList{font-size:14px;margin:0 25px;padding:7px;border-radius:10px;cursor:pointer;color:#1695a3}@media (max-width: 1300px){.portfolioList{font-size:14px;overflow:hidden;padding:4px;border-radius:5px}}@media (max-width: 1000px){.portfolioList{margin:0 15px;padding:7px}}.portfolioList.active{background-color:#225378;color:#acf0f2}.portfolioContainer{background-color:#f3ffe2;display:flex;align-items:center;justify-content:center}.portfolioContainer .portfolio{height:100%;width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1300px){.portfolioContainer .portfolio{width:100%}}.portfolioContainer .portfolio h1{font-size:50px;color:#225378}@media (max-width: 1300px){.portfolioContainer .portfolio h1{font-size:35px;overflow:hidden}}@media (max-width: 1000px){.portfolioContainer .portfolio h1{font-size:20px}}.portfolioContainer .portfolio ul{padding:0;margin:10px;list-style:none;display:flex}@media (max-width: 1000px){.portfolioContainer .portfolio ul{margin:0;flex-wrap:wrap;justify-content:center}}.portfolioContainer .portfolio .container{width:90%;height:70%;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}@media (max-width: 1300px){.portfolioContainer .portfolio .container{height:100%}}@media (max-width: 1000px){.portfolioContainer .portfolio .container{width:100%}}.portfolioCard{width:220px;height:150px;border-radius:20px;border:1px solid #acf0f2;margin:10px 20px;display:flex;align-items:center;justify-content:center;color:#f3ffe2;position:relative;transition:all .5s ease;cursor:pointer}@media (max-width: 1000px){.portfolioCard{width:130px;height:100px;margin:10px}}.portfolioCard img{width:100%;height:100%;object-fit:cover;z-index:1}.portfolioCard:hover{background-color:#225378}.portfolioCard:hover img{opacity:.2;z-index:0}.portfolioCard h3{position:absolute}.contact{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f3ffe2}.contact .left{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center}@media (max-width: 1000px){.contact .left{display:none}}.contact .left img{height:80%;float:right;overflow:hidden}.contact .right{height:100%;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .right h1{font-size:40px;color:#225378;margin-bottom:40px}@media (max-width: 1000px){.contact .right h1{font-size:30px}}.contact .right h1.submitted{display:none}.contact .right h3{margin:0;color:#225378;opacity:0;font-size:30px;width:60%}.contact .right h3.submitted{opacity:1}.contact .right form{width:70%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .right form input{width:300px;height:30px;font-size:14px;margin-bottom:20px;border-radius:10px;padding:10px;border:2px solid #225378}@media (max-width: 1000px){.contact .right form input{width:200px}}.contact .right form textarea{width:300px;height:200px;font-size:14px;margin-bottom:30px;border-radius:10px;padding:10px;border:2px solid #225378}@media (max-width: 1000px){.contact .right form textarea{width:200px}}.contact .right form button{background-color:#225378;font-size:15px;width:150px;height:30px;font-weight:500;border-radius:10px;color:#f3ffe2;border:none;cursor:pointer}.contact .right form button:focus{outline:none}.contact .right form.submitted{display:none}.menu{width:300px;height:100vh;background-color:#1695a3;position:fixed;top:0;right:-300px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#f3ffe2;width:60%}.menu li{margin-bottom:25px}.menu li a{font-size:inherit;color:inherit;text-decoration:none}.menu li a:hover{font-weight:500}*{font-family:Roboto,sans-serif;margin:0;overflow-x:hidden}.App{height:100vh}.App .sections{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.App .sections::-webkit-scrollbar{display:none}.App .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.container{width:100vw;height:100%;display:flex;align-items:center;justify-content:center}.container .project{width:80vw;height:100%;background-color:#f3ffe2;border-radius:20px;display:flex;align-items:center;justify-content:center}@media (max-width: 1000px){.container .project{border-radius:0;width:100%;flex-direction:column}}.container .project .left{flex:5;height:80%;overflow:hidden}.container .project .left .leftContainer{padding:20px;display:flex;height:100%;width:100%;flex-direction:column;justify-content:center}@media (max-width: 1000px){.container .project .left .leftContainer{padding:0}}.container .project .left .leftContainer .imgContainer{flex:7;display:flex;align-items:center;justify-content:center;border-radius:20px}.container .project .left .leftContainer .imgContainer img{height:100%}.container .project .left .leftContainer .languages{flex:4;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .project .left .leftContainer .languages h3{color:#225378;margin-bottom:10px;text-align:center}@media (max-width: 1300px){.container .project .left .leftContainer .languages h3{display:none}}.container .project .left .leftContainer .languages .languageIcons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.container .project .left .leftContainer .languages .languageIcons svg{height:60px;padding:10px}@media (max-width: 1000px){.container .project .left .leftContainer .languages .languageIcons svg{height:30px;padding:7px}}.container .project .right{flex:5;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#1695a3}@media (max-width: 1000px){.container .project .right{flex:7;justify-content:start}}.container .project .right h1{color:#225378;margin-top:30px;font-size:50px;text-align:center}@media (max-width: 1300px){.container .project .right h1{margin-top:20px;font-size:40px;overflow:hidden}}@media (max-width: 1000px){.container .project .right h1{margin:0;font-size:25px}}.container .project .right .rightContainer{padding:30px;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media (max-width: 1300px){.container .project .right .rightContainer{height:80%}}@media (max-width: 1000px){.container .project .right .rightContainer{padding:5px 10px}}.container .project .right .rightContainer p{color:#225378}@media (max-width: 1300px){.container .project .right .rightContainer p{font-size:14px}}@media (max-width: 1000px){.container .project .right .rightContainer p{font-size:12px}}.container .project .right .rightContainer .bullets ul li{display:flex;align-items:center;margin-left:10px;margin-bottom:10px}@media (max-width: 1000px){.container .project .right .rightContainer .bullets ul li{margin:5px;font-size:12px}}.container .project .right .rightContainer .bullets ul li .check{font-size:30px;font-weight:500;color:#eb7f00;margin-right:5px}@media (max-width: 1000px){.container .project .right .rightContainer .bullets ul li .check{font-size:20px}}.container .project .right .rightContainer .linksContainer{display:flex;align-items:center;justify-content:center}.container .project .right .rightContainer .linksContainer a{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:8px;padding:5px 10px;margin:10px;width:100px;height:70px;background-color:#225378;color:#f3ffe2;overflow:hidden;font-size:14px;white-space:nowrap;text-decoration:none;transition:all .5s ease}@media (max-width: 1000px){.container .project .right .rightContainer .linksContainer a{margin:0 10px;font-size:10px;padding:5px;height:25px}}.container .project .right .rightContainer .linksContainer a:hover{transform:scale(1.1)}.container .project .right .rightContainer .linksContainer a .icon{margin-bottom:10px}@media (max-width: 1000px){.container .project .right .rightContainer .linksContainer a .icon{display:none}}body{overflow:hidden}.projects{background-color:#225378;display:flex;align-items:center;justify-content:center}.projects .slider{height:90%;display:flex;position:absolute;left:0;transition:all .5s ease-out}@media (max-width: 1000px){.projects .slider{height:100%;justify-content:center}}.projects .next{position:absolute;right:60px;font-size:60px;color:#eb7f00;cursor:pointer}@media (max-width: 1300px){.projects .next{right:25px}}@media (max-width: 1000px){.projects .next{display:none}}.projects .back{position:absolute;left:60px;font-size:60px;color:#eb7f00;cursor:pointer}@media (max-width: 1300px){.projects .back{left:25px}}@media (max-width: 1000px){.projects .back{display:none}}