.navbar{background-color:#15023a;width:100%;height:12vh;position:fixed;top:0;left:0;z-index:10}.navbar .wrapper{padding:5px 30px;display:flex;align-items:center;justify-content:space-between}.navbar .wrapper .left{font-size:2vw;font-weight:700;color:#d3d3d3;text-decoration:dotted;justify-content:space-between;display:flex}@media (max-width: 768px){.navbar .wrapper .left{font-size:7vw}}.navbar .wrapper .left .logo{font-weight:700;text-decoration:none;color:#fff;font-family:Franklin Gothic Medium}.navbar .wrapper .left .a{position:relative;font-weight:700;text-decoration:none;color:#98fb98}.navbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:10vw}.navbar .wrapper .left .itemContainer .icon{font-size:5vw;margin-right:2vw}.navbar .wrapper .left .itemContainer .a{font-size:5vw;text-decoration:none;color:#fff}.navbar .wrapper .left span{font-size:5vw}.navbar .wrapper .right .menuItem{margin-right:15px;font-size:1.5vw;font-weight:700;color:#d3d3d3;text-decoration:none}@media (max-width: 768px){.navbar .wrapper .right .menuItem{margin-right:0;font-size:6vw}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.intro{background-color:#e0ffff;display:flex;font-family:Franklin Gothic Medium;width:100vw;height:90vh;scroll-snap-align:start}@media (max-width: 768px){.intro{flex-direction:column;align-items:center;height:81vh}}.intro .left{flex:.5;overflow:hidden;padding-right:20vw}.intro .right{flex:.5;position:relative}.intro .right .wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.intro .right .wrapper{margin-top:0;padding-left:0;height:15%;align-items:center}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width: 768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:30px}@media (max-width: 768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{font-size:inherit;color:#dc143c}.intro .right .wrapper h3 .ityped-cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right a{position:absolute;bottom:10px;left:40%}.intro .right a img{width:30px;animation:arrowBlink 2s infinite}@keyframes arrowBlink{to{opacity:0}}.home-page-carousel{margin-top:10vh;margin-bottom:auto;margin-left:auto;margin-right:auto;max-width:50%;display:block}@media (max-width: 768px){.home-page-carousel{height:100%;max-width:75%;margin-top:10vh;margin-bottom:0}}:root{height:auto;width:100%;position:relative;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.resume{font-family:Franklin Gothic Medium;background-color:teal;position:fixed;bottom:0;left:0;width:100%;height:12vh;z-index:9;display:flex;flex-direction:column;align-items:center;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}@media (max-width: 768px){.resume{height:12vh}}.resume h1{overflow:hidden;font-size:50px}@media (max-width: 768px){.resume h1{display:inline block;font-size:20px}}.resume::-webkit-scrollbar{display:none}.contact-method-list{display:grid;height:100%;padding-top:2%;align-items:center;grid-template-columns:10vw 10vw 10vw 10vw;grid-template-rows:1fr;justify-content:center;gap:1vw}@media (max-width: 768px){.contact-method-list{grid-template-columns:15vw 15vw 15vw 15vw}}.contact-method img{height:4vw;width:4vw}@media (max-width: 768px){.contact-method img{height:8vw;width:8vw}}.App{height:100vh;width:100vw}.App .sections{background-color:#e0ffff;font-family:Franklin Gothic Medium;width:100vw;height:76vh;display:flex;position:relative;top:12vh;scroll-snap-align:start;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.App .sections::-webkit-scrollbar{display:none}