.intro{align-content:center;display:flex;flex-direction:column;min-height:100vh;position:relative}.intro .text-box{line-height:6rem}.intro .text-box h2{color:snow;font-size:2.5rem;line-height:3rem;text-align:center}@media(min-width:600px){.intro .text-box h2{font-size:4rem;line-height:5rem}}@media(max-height:420px){.intro .text-box h2{font-size:2.5rem;line-height:3rem}}.intro .text-box .name{color:#5adbff;font-family:Courgette,cursive;font-size:3rem;font-weight:700;padding-bottom:20px;padding-top:20px}@media(min-width:600px){.intro .text-box .name{font-size:4rem}}@media(min-width:900px){.intro .text-box .name{font-size:5rem}}@media(max-height:420px){.intro .text-box .name{font-size:3.5rem}}.intro .text-box .about-me{width:100vw}@media(min-width:1200px){.intro .text-box .about-me{margin-top:30px}}@media(max-height:420px){.intro .text-box .about-me{margin-top:30px}}.intro .text-box .about-me ul{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:2.5rem;list-style:none}@media(min-width:900px){.intro .text-box .about-me ul{flex-direction:row}}.intro .text-box .about-me ul li{color:#637786;font-size:2rem;margin:0 15px}@media(min-width:900px){.intro .text-box .about-me ul li{font-size:2.2rem}.intro .text-box .about-me ul li:first-child:after,.intro .text-box .about-me ul li:nth-child(2):after{content:"|";padding-left:30px}}.navbar{background-color:transparent;height:60px;margin-bottom:19vh;overflow:hidden;position:relative;transition:all 1.5s ease;width:100vw}@media(min-width:600px){.navbar{margin-bottom:10vh}}@media(min-width:900px){.navbar{margin-bottom:6rem}}@media(min-width:1200px){.navbar{margin-bottom:19vh}}@media(max-height:420px){.navbar{margin-bottom:6vh}}.navbar .wrapper{display:flex;flex-direction:row;height:60px;justify-content:space-between}.navbar .wrapper .left .logocontainer{align-items:center;display:flex;margin-left:20px;margin-right:110px}.navbar .wrapper .left .logocontainer .logo{height:50px}@media(min-width:1200px){.navbar .wrapper .left .logocontainer .logo{height:65px}}.navbar .wrapper .middle{visibility:hidden}@media(min-width:900px){.navbar .wrapper .middle{display:flex;justify-content:center;margin:auto;overflow:hidden;visibility:visible;width:50vw}.navbar .wrapper .middle .navlink{align-items:center;display:flex;flex-shrink:0;margin:0 20px}.navbar .wrapper .middle .navlink .link{color:snow;font-size:1rem;padding:3px;text-decoration:none}}@media(min-width:900px)and (min-width:900px){.navbar .wrapper .middle .navlink .link{font-size:1.2rem}}@media(min-width:900px)and (min-width:1200px){.navbar .wrapper .middle .navlink .link{font-size:1.5rem}}@media(min-width:900px){.navbar .wrapper .middle .navlink .link:hover{color:#4fb286;cursor:pointer}}.navbar .wrapper .right{display:flex}.navbar .wrapper .right .itemContainer{align-items:center;display:flex;margin:0 20px}.navbar .wrapper .right .itemContainer .icon{color:snow;font-size:20px}@media(min-width:1200px){.navbar .wrapper .right .itemContainer .icon{font-size:27px}}.navbar .wrapper .right .itemContainer .github :hover{color:#bdbdbd}.navbar .wrapper .right .itemContainer .linkedin :hover{color:#0072b1}.navbar .wrapper .right .itemContainer .youtube :hover{color:red}.container{display:grid;grid-template-columns:repeat(3,1fr)}@media(min-width:900px){.container{grid-template-columns:repeat(4,1fr);row-gap:1.5rem}}.container img{height:5.5rem;padding:10px;width:6.4rem}@media(min-width:900px){.container img{height:4.8rem;width:5.8rem}}@media(min-width:1200px){.container img{height:5.7rem;width:7.7rem}}@media(max-height:420px){.container img{height:5rem;width:7rem}}.about .text-box{grid-row-gap:0;align-items:center;display:grid;grid-template-columns:95vw;margin:auto auto 5rem;overflow:hidden;padding-top:3rem;width:95vw}.about .text-box>*{margin:0 auto 2.5rem}@media(min-width:600px){.about .text-box>*{margin:0 auto}.about .text-box{grid-row-gap:3rem}}@media(min-width:900px){.about .text-box{grid-row-gap:2rem;grid-template-columns:47vw 48vw;grid-template-rows:12rem repeat(4,1fr)}}@media(min-width:1200px){.about .text-box{grid-row-gap:2rem}}@media(max-height:420px){.about .text-box{grid-row-gap:3rem;grid-template-columns:95vw;grid-template-rows:auto}}.about .text-box .title{box-shadow:0 0 5px 5px;color:#5adbff;font-family:Caveat,cursive;font-size:3rem;font-weight:700;padding:.5rem 6.5rem;text-align:center;width:7rem}@media(min-width:900px){.about .text-box .title{font-size:4rem;width:20vw}}@media(min-width:1200px){.about .text-box .title{width:25vw}}@media(max-height:420px){.about .text-box .title{font-size:3rem}}@media(min-width:900px){.about .text-box .about-box{grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(max-height:420px){.about .text-box .about-box{grid-column-start:1;grid-row-end:2;grid-row-start:1}}.about .text-box .headline{padding:0 2rem}@media(min-width:900px){.about .text-box .headline{grid-column-start:2;grid-row-end:2;grid-row-start:1}}@media(max-height:420px){.about .text-box .headline{grid-column-start:1;grid-row-end:3;grid-row-start:2}}.about .text-box .headline h3{color:snow}@media(min-width:900px){.about .text-box .headline h3{font-size:1.2rem}}@media(min-width:1200px){.about .text-box .headline h3{font-size:1.6rem}}.about .text-box .detailed{padding:0 2rem}@media(min-width:900px){.about .text-box .detailed{grid-column-end:2;grid-column-start:1;grid-row-end:6;grid-row-start:2}}@media(max-height:420px){.about .text-box .detailed{grid-column-start:1;grid-row-end:4;grid-row-start:3}}.about .text-box .detailed p{color:#637786;font-size:1.7rem;margin-bottom:4rem}@media(min-width:900px){.about .text-box .detailed p{text-indent:25px}}.about .text-box .detailed p .spotify{color:#1db954}.about .text-box .detailed p .link{cursor:pointer}.about .text-box .detailed p .link:hover{color:#fff}@media(min-width:900px){.about .text-box .skills-title-box{grid-column-start:2;grid-row-end:3;grid-row-start:2}}@media(max-height:420px){.about .text-box .skills-title-box{grid-column-start:1;grid-row-end:5;grid-row-start:4}}@media(min-width:900px){.about .text-box .skills-box{grid-row-end:5;grid-row-start:3}}@media(min-width:1200px){.about .text-box .skills-box{grid-row-end:6;grid-row-start:3}}@media(max-height:420px){.about .text-box .skills-box{grid-column-start:1;grid-row-end:6;grid-row-start:5}}.project{background-color:rgba(99,119,134,.2);border-radius:5px;box-shadow:0 0 2px #000;display:flex;flex-direction:column;justify-content:space-between;margin:2rem auto;padding:8px;width:85vw}@media(min-width:600px){.project{width:90%}}.project .header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px;padding:.5rem .7rem}.project .header .icon{color:rgba(79,178,134,.5);font-size:35px}.project .title{color:snow;font-size:25px;font-weight:700;margin-bottom:1rem;padding:5px 0;text-align:center}.project .desc{color:#637786;font-size:20px;margin-top:5px;padding:5px 1rem;text-align:left}.project .lang{color:#4fb286;margin-bottom:1rem;margin-top:1rem;padding:5px 1rem}.projects{display:grid;grid-template-columns:1fr;margin:auto}@media(min-width:600px){.projects{width:75vw}}@media(min-width:900px){.projects{grid-template-columns:repeat(2,1fr);justify-content:center;width:75vw}}@media(min-width:1200px){.projects{grid-template-columns:repeat(3,1fr);justify-content:center;width:90vw}}.projects a{cursor:pointer;text-decoration:none}.projects a .icons{color:rgba(79,178,134,.5);font-size:25px;padding:0 5px}.projects ul{list-style:none}.projects ul li{display:inline;font-size:1.1rem;margin-right:1.5rem}@media(max-height:420px){.projects ul li{font-size:1rem}}.w-project{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;padding-bottom:2rem;padding-top:1.3rem;width:100vw}.w-project a{aspect-ratio:16/9;border:5px solid #637786;margin-bottom:1rem;width:80%}@media(min-width:600px){.w-project a{border-width:7px;width:70%}}@media(min-width:1200px){.w-project a{border-width:9px;width:45%}}.w-project a img{height:100%;width:100%}.w-project .title{color:#fff;font-size:2rem;margin-bottom:1rem}@media(min-width:600px){.w-project .title{font-size:2.5rem}}.w-project .description{color:#637786;font-size:1.2rem;text-align:center;width:90%}@media(min-width:600px){.w-project .description{font-size:1.5rem}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.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 *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.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{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-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:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.works{display:flex;flex-direction:column;justify-content:center;text-align:center;width:100vw}.works .work-header{color:#5adbff;font-size:1.5rem;margin-top:1.3rem}@media(min-width:600px){.works .work-header{font-size:2rem}}@media(min-width:900px){.works .work-header{margin-top:1.5rem}}@media(max-height:420px){.works .work-header{font-size:1.5rem}}.works .tabs{font-size:1rem;margin-top:1.3rem}@media(min-width:600px){.works .tabs{font-size:2rem}}@media(min-width:900px){.works .tabs{margin-top:1.5rem}}@media(max-height:420px){.works .tabs{font-size:1.5rem}}.works .tabs .tab{background-color:transparent;border-radius:5px;color:#4fb286;cursor:pointer;font-size:1.5rem;line-height:1rem;padding:10px}.contact{padding-top:1.5rem;position:relative}.contact .contact-me{margin:2rem 0 1rem;text-align:center}.contact .contact-me h1{color:#5adbff;font-size:3.5rem;margin-bottom:.5rem}.contact .contact-me h2{color:#4fb286;margin-bottom:.5rem}.contact .contact-me h3{color:#637786;font-size:1.4rem;padding:0 1rem}@media(min-width:600px){.contact .contact-me h3{padding:0 5rem}}@media(min-width:900px){.contact .contact-me h3{padding:0 10rem}}@media(min-width:1200px){.contact .contact-me h3{padding:0 20rem}}.contact .contact-form{display:grid;grid-template-columns:1fr;margin:auto auto 3rem;max-width:90vw}@media(min-width:900px){.contact .contact-form{grid-template-columns:45vw 45vw}}@media(max-height:420px){.contact .contact-form{grid-template-columns:1fr}}.contact .contact-form form{display:flex;flex-direction:column;margin:auto;width:85vw}@media(min-width:600px){.contact .contact-form form{width:75%}}@media(min-width:900px){.contact .contact-form form{grid-column-end:2;grid-column-start:1;width:75%}}@media(min-width:1200px){.contact .contact-form form{grid-column-end:2;grid-column-start:1;width:75%}}@media(max-height:420px){.contact .contact-form form{width:70%}}.contact .contact-form form label{color:snow;font-size:2rem;font-weight:700;margin:5px 0;text-align:left}.contact .contact-form form input{border-color:#5adbff;border-radius:10px;font-weight:700;height:2.5rem;padding-left:10px}@media(min-width:1200px){.contact .contact-form form input{height:2.7rem}}.contact .contact-form form textarea{border-color:#5adbff;border-radius:10px;height:10rem;padding:10px}.contact .contact-form form input[type=submit]{background-color:transparent;color:#fff;font-size:1.8rem;height:3rem;margin:20px auto;padding:0;width:10rem}.contact .contact-form form input[type=submit]:hover{background-color:#637786}.contact .contact-form form h3{color:#4fb286;margin:auto;visibility:hidden}.contact .contact-form .img-container{display:none;position:relative}@media(min-width:900px){.contact .contact-form .img-container{display:block;grid-column-start:2;margin:auto;width:100%}}@media(max-height:420px){.contact .contact-form .img-container{display:none}}.contact .contact-form .img-container img{width:80%}.contact .contact-form .img-container .link{border:1px solid #32323e;border-radius:5px;bottom:12%;color:#32323e;cursor:pointer;left:13%;padding:5px;position:absolute;text-decoration:none;visibility:hidden}.App{background-color:#06101e;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;width:100vw}.App .scroll{display:none}@media(min-width:900px){.App .scroll{display:inline}}.App::-webkit-scrollbar{display:none}html{background-color:#06101e;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}.menu-button{bottom:0;position:fixed;right:0}@media(min-width:900px){.menu-button{display:none}}
/*# sourceMappingURL=main.cc86085e.css.map*/