:root{--orange:236,164,32;--teal:0,128,128;--black:0,0,0;--grey:70,70,70;--medium:131,131,131;--light:218,218,218;--white:255,255,255;--dark:70,70,70;--menu-open:translate(0%,0px);--menu-closed:translate(100%,0px);--heading:"Roboto",sans-serif;--content:"Roboto",sans-serif;--font-size:16px;--rotation:0deg}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:rgba(var(--grey),1)}@media (max-width:940px){::-webkit-scrollbar{width:3px}}body{background-color:rgba(var(--white),1);margin:0}body .body{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:rotate(var(--rotation));transform:rotate(var(--rotation))}body .body a{color:rgba(var(--orange),1);text-decoration:none;outline:none}.main{vertical-align:top;width:100%;text-align:center;height:100vh;overflow:overlay;overflow-x:hidden;color:rgba(var(--black),1)}.main,.main .content{display:inline-block;position:relative}.main .content{width:800px;max-width:calc(100% - 15px);padding-right:15px;text-align:left;overflow:hidden;margin-right:200px;margin-left:15px}.main .content #cv,.main .content #fade,.main .content #landing,.main .content #lost,.main .content #projects{transition:all .4s ease-in-out,color 0s}.main .content #cv .box,.main .content #landing .box,.main .content #lost .box,.main .content #projects .box{width:100%;height:100%;border-radius:5px;background-color:rgba(var(--teal),.1);z-index:-1}.main .content #cv .up,.main .content #landing .up,.main .content #lost .up,.main .content #projects .up{font-size:50px;line-height:50px;margin-top:-2px}.main .content .scroll_button{width:50px;height:48px;border-radius:50%;border:2px solid rgba(var(--orange),1);position:fixed;bottom:20px;right:20px;color:rgba(var(--grey),1);font-size:40px;text-align:center;padding-top:2px;background-color:rgba(var(--white),1);font-family:var(--content);cursor:pointer}.main .content .scroll_button .tooltip{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:-60px;text-align:right;font-size:16px;width:96px;color:rgba(var(--black),1)}.main .content .footer{display:none;background-color:hsla(0,0%,100%,.9);position:fixed;bottom:15px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:35px;width:420px;border-radius:20px}.main .content .header{margin-top:30px;margin-bottom:50px;text-align:center}.main .content .header .background_shapes{position:fixed;top:0;left:0}.main .content .header .image_block{display:inline-block;vertical-align:middle;position:relative}.main .content .header .image_block .profile{width:250px;border-radius:50%}.main .content .header .image_block .glasses{position:absolute;top:75px;left:60px;width:60px;-webkit-animation:none;animation:none}.main .content .header .mobile{display:none}.main .content .header .name_box{display:inline-block;vertical-align:middle;margin-left:20px;font-family:var(--content);text-align:center;position:relative}.main .content .header .name_box .name{border-bottom:2px solid rgba(var(--orange),1);padding:10px 0;position:relative;font-size:50px;line-height:50px}.main .content .header .name_box .name .description{position:absolute;bottom:0;right:2px;letter-spacing:1.24px;display:block;font-size:16px;text-align:left;color:rgba(var(--grey),1);line-height:16px}.main .content .header .name_box .icon{display:inline-block;margin:10px 5px;font-size:35px;color:#000;border-radius:50%;height:38px;background-color:hsla(0,0%,100%,.6)}.main .content .header .name_box .icon .contact_img{width:40px;margin:-1px}.main .content .header .name_box .icon:hover{background-color:rgba(var(--teal),.1)}.main .content .header .name_box .link_to_other{position:absolute;-webkit-transform:translate(0);transform:translate(0);bottom:-40px;left:0;font-family:var(--content)}.main .content .header .name_box .link_to_other span{cursor:pointer;color:rgba(var(--orange),1)}.main .content .header .name_box .link_to_other span .arrow{font-size:24px;display:inline-block;vertical-align:middle;line-height:24px}.main .content .header:hover .image_block .glasses{-webkit-animation:shake .2s infinite;animation:shake .2s infinite}@-webkit-keyframes shake{0%,50%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes shake{0%,50%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.nav{width:25px;position:fixed;right:30px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nav .content{left:50%;text-align:center;overflow:visible;overflow:initial}.nav .content,.nav .content .scroll_monitor{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%}.nav .content .scroll_monitor{left:12px;background-color:rgba(var(--orange),1);height:350px;width:2px}.nav .content .heading{font-family:var(--content);font-size:30px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:-40px;left:50%;border-bottom:2px solid rgba(var(--orange),1)}.nav .content .item_point{width:20px;height:20px;border:2px solid rgba(var(--orange),1);border-radius:50%;position:relative;cursor:pointer;background-color:rgba(var(--white),1)}.nav .content .item_point .blob{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;width:15px;height:15px;border-radius:50%;background-color:rgba(var(--grey),1);visibility:hidden}.nav .content .item_point .item{margin-right:10px;position:absolute;top:0;right:20px;width:200px;text-align:right;font-family:var(--content)}.nav .content .item_point .item2{margin-left:10px;position:absolute;top:0;left:20px;width:200px;text-align:left;font-family:var(--content)}.nav .content .connect{height:50px;width:2px;margin:0 11px}.project_nav .content .scroll_monitor{height:440px}.section{margin-bottom:50px;box-shadow:2px 0 0 rgba(var(--orange),1) inset;position:relative;overflow:hidden;transition:all .4s ease-in-out,color 0s}.section .accordion{max-height:0;overflow:hidden;transition:all .2s ease-in-out}.section .heading{font-size:calc(var(--font-size) + 14px);font-family:var(--content);border-bottom:2px solid rgba(var(--orange),1);width:75%;padding:10px 10px 10px 30px;position:relative}.section .heading .dropper{position:absolute;bottom:20px;left:-10px;width:30px;height:99px;-webkit-transform:rotate(30deg) translate(100%,100%);transform:rotate(30deg) translate(100%,100%);background-color:rgba(var(--white),1);padding:2px;border:2px solid rgba(var(--orange),1)}.section .heading .heading_text{text-overflow:ellipsis;width:calc(100% - 82px);margin-left:15px;display:inline-block;overflow:hidden;vertical-align:middle;white-space:nowrap}.section .heading .logo{display:inline-block;vertical-align:middle;width:67px;height:65px}.section .sub_section{padding:0 10px;margin-top:40px}.section .sub_section .bio_text{font-family:var(--content);padding-left:20px;font-size:var(--font-size)}.section .sub_section .logo{display:inline-block;vertical-align:middle;width:70px}.section .sub_section .sub_content{display:inline-block;vertical-align:middle;margin-left:20px;width:calc(100% - 90px)}.section .sub_section .sub_content .sub_heading{font-family:var(--content);font-size:20px;font-size:calc(var(--font-size) + 4px)}.section .sub_section .sub_content .date{font-family:var(--content);font-size:calc(var(--font-size) - 4px);margin-bottom:20px;color:rgba(var(--grey),1)}.section .sub_section .sub_content .text{font-family:var(--content);line-height:calc(var(--font-size) + 8px);font-size:var(--font-size)}.section .sub_section .sub_content .skill{font-family:var(--content);display:inline-block;width:calc(100% - 110px);margin-right:10px;font-size:var(--font-size);vertical-align:middle}.section hr{border:none;border-top:1px solid rgba(var(--teal),1);height:0;margin-top:40px;margin-bottom:20px;width:70%}#projects .section .sub_section .sub_content{width:calc(100% - 20px)}#projects .section .sub_section .sub_content .slideshow .img_wrap{text-align:center}#projects .section .sub_section .sub_content .slideshow .img_wrap .project_image{height:150px;display:inline-block}.rating{height:20px;width:100px;background-color:rgba(var(--orange),.4);position:relative;display:inline-block;vertical-align:middle}.rating .filler{background-color:rgba(var(--orange),1);height:20px;position:absolute}.rating .rating_text{margin-left:5px;position:absolute;top:1px}.rating .rating_text,button{color:rgba(var(--dark),1);font-family:var(--content)}button{border:2px solid rgba(var(--orange),1);border-radius:0;background-color:transparent;width:calc(100% - 20px);padding:10px 0;margin:0 10px;font-size:calc(var(--font-size) - 4px);outline:none;transition:all .2s ease-in-out,font-size 0s;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}button:hover{border:2px solid rgba(var(--grey),1)}.landing_wrap{overflow:hidden}.landing_wrap .content{position:static;width:100%;height:100vh;text-align:center;overflow:visible}.landing_wrap .content .landing .background_wrapper{width:800px;max-width:calc(100% - 15px);padding-right:15px;display:inline-block;text-align:left;position:relative;margin-right:200px;margin-left:0;height:100vh}.landing_wrap .content .landing .background_wrapper:nth-child(3){position:absolute;top:0;left:15px}.landing_wrap .content .landing .header{position:relative;-webkit-transform:translate(-50%) scale(1.4);transform:translate(-50%) scale(1.4);top:100px;left:50%;text-align:center;margin:0;transition:all .4s ease-in-out,color 0s;width:800px;max-width:100%;height:0;z-index:1}.landing_wrap .content .landing .header_after{-webkit-transform:translate(calc(-50% - 108px));transform:translate(calc(-50% - 108px));position:relative;transition:all .4s ease-in-out;top:30px}.landing_wrap .content .landing .welcome{text-align:center;font-size:30px;line-height:30px;font-family:var(--content);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:calc(50% + 150px);left:50%;width:800px;max-width:calc(100% - 30px);transition:all .4s ease-in-out,color 0s}.landing_wrap .content .landing .welcome .links{font-size:18px;margin-top:20px}.landing_wrap .content .landing .welcome .link_btn{display:inline-block;width:200px;background-color:rgba(var(--white),1);border-bottom:2px solid rgba(var(--orange),1);padding:10px;margin:10px 10px 0;cursor:pointer}@media (max-width:1130px){.landing_wrap .content .landing .header{-webkit-transform:translate(-50%) scale(1.2);transform:translate(-50%) scale(1.2)}.landing_wrap .content .landing .header_after{-webkit-transform:translate(calc(-50% - 50vw + 408px));transform:translate(calc(-50% - 50vw + 408px));top:30px}.landing_wrap .content .landing .welcome{top:calc(50% + 150px)}}@media (max-width:830px){.landing_wrap .content .landing .background_wrapper{margin-right:-3px}.landing_wrap .content .landing .header{-webkit-transform:translate(-50%) scale(1.2);transform:translate(-50%) scale(1.2)}.landing_wrap .content .landing .header_after{-webkit-transform:translate(-50%);transform:translate(-50%);top:30px}.landing_wrap .content .landing .welcome{top:calc(50% + 150px)}}@media (max-width:730px){.landing_wrap .content .landing .header{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.landing_wrap .content .landing .header_after{-webkit-transform:translate(-50%);transform:translate(-50%);top:30px}.landing_wrap .content .landing .welcome{top:calc(50% + 100px)}}@media (max-width:622px){.landing_wrap .content .landing .welcome{top:calc(50% + 150px)}}@media (max-width:593px){.landing_wrap .content .landing .header{top:50px}.landing_wrap .content .landing .header_after{top:30px}}@media (max-width:547px){.landing_wrap .content .landing .header{top:70px}.landing_wrap .content .landing .header_after{top:30px}.landing_wrap .content .landing .welcome{top:calc(50% + 200px)}}@media (min-height:900px){.landing_wrap .content .landing .header{top:150px}.landing_wrap .content .landing .header_after{top:30px}}@media (min-height:900px) and (min-width:592px){.landing_wrap .content .landing .header{top:250px}.landing_wrap .content .landing .header_after{top:30px}}@media (max-height:624px) and (max-width:517px){.landing_wrap .content .landing .header{top:50px}.landing_wrap .content .landing .header_after{top:30px}}@media (max-height:590px) and (max-width:517px){.landing_wrap .content .landing .header,.landing_wrap .content .landing .header_after{top:30px}}@media (max-height:624px) and (max-width:571px){.landing_wrap .content .landing .welcome{top:calc(50% + 220px)}}@media (max-height:549px) and (max-width:571px){.landing_wrap .content .landing .welcome{top:calc(50% + 200px)}.landing_wrap .content .landing .header,.landing_wrap .content .landing .header_after{top:30px}}@media (max-height:549px) and (min-width:592px){.landing_wrap .content .landing .welcome{top:calc(50% + 200px)}.landing_wrap .content .landing .header,.landing_wrap .content .landing .header_after{top:30px}}.slick-next:before,.slick-prev:before{color:rgba(var(--medium),1);font-size:32px}.slick-next:hover,.slick-prev:hover{border:none;outline:none}.slick-next,.slick-prev{width:32px;height:32px}.slick-prev{z-index:1}.slick-slider{width:calc(100% - 30px);display:inline-block}@media (min-width:900px){#projects .section .sub_section .sub_content .slideshow .img_wrap .project_image{height:300px}}@media (min-width:700px){#projects .section .sub_section .sub_content .slideshow .img_wrap .project_image{height:250px}}@media (min-width:600px) and (max-width:700px){#projects .section .sub_section .sub_content .slideshow .img_wrap .project_image{height:200px}}@media (max-width:460px){#projects .section .sub_section .sub_content .slideshow .img_wrap .project_image{height:100px}}@media (max-width:1050px){.nav .content .item_point .item{display:none}.main{width:100%}.main .content .header{text-align:center}.main .content .scroll_button .tooltip{display:none}}@media (max-width:940px){.nav{bottom:20px;top:unset;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);left:calc(50% - 13px);display:none}.main .content{padding-bottom:70px}.main .content .footer{display:none}}@media (max-width:592px){.main .content .header .name_box{margin-left:0}.main .content .header .mobile{display:block}.main .content .link_to_other{bottom:-30px;left:calc(50% - 140px)}}@media (max-width:500px){.nav .content .connect{height:30px}.nav .content .scroll_monitor{height:260px}.main .content .footer{width:320px}}@supports (overflow:-webkit-marquee) and (justify-content:inherit){.main .content{margin-bottom:100px}}body .main .content #cv .background_mobile,body .main .content #landing .background_mobile,body .main .content #lost .background_mobile,body .main .content #projects .background_mobile{display:none}@media (max-width:830px){body .main .content #cv .background_parallax,body .main .content #landing .background_parallax,body .main .content #lost .background_parallax,body .main .content #projects .background_parallax{display:none}body .main .content #cv .background_mobile,body .main .content #landing .background_mobile,body .main .content #lost .background_mobile,body .main .content #projects .background_mobile{display:block}}.gear{position:fixed;z-index:99;top:20px;color:rgba(var(--black),1);font-size:40px;cursor:pointer}.gear.right{right:20px}.gear.left{left:20px}.gear .tooltip{font-size:16px;font-family:var(--content);display:inline-block;vertical-align:super}.gear .tooltip.right{margin-right:5px}.gear .tooltip.left{margin-left:5px}.slide_menu{display:none;-webkit-transform:var(--menu-closed);transform:var(--menu-closed);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;max-width:calc(100% - 70px);width:400px;background-color:rgba(var(--white),1);height:100vh;position:fixed;z-index:100}.slide_menu.right{right:0;border-left:2px solid rgba(var(--black),1)}.slide_menu.left{left:0;border-right:2px solid rgba(var(--black),1)}.slide_menu .scroller{height:calc(100% - 15px);overflow:scroll;padding:15px;margin-right:-1px}.slide_menu .scroller .contact{text-align:center}.slide_menu .scroller .contact .icon{display:inline-block;margin:10px 5px;font-size:35px;color:#000;border-radius:50%;height:calc(var(--font-size) + 22px);background-color:hsla(0,0%,100%,.6)}.slide_menu .scroller .contact .icon .contact_img{width:calc(var(--font-size) + 24px);margin:-1px}.slide_menu .scroller .contact .icon:hover{background-color:rgba(var(--teal),.1)}.slide_menu .scroller .link_to_other{font-family:var(--content);color:rgba(var(--black),1);text-align:center}.slide_menu .scroller .link_to_other span{cursor:pointer;color:rgba(var(--orange),1)}.slide_menu .scroller .link_to_other span .arrow{font-size:24px;display:inline-block;vertical-align:middle;line-height:24px}.slide_menu .scroller .X{color:rgba(var(--black),1);font-size:45px;margin:-13px;cursor:pointer}.slide_menu .scroller .menu_heading{font-family:var(--content);font-size:calc(var(--font-size));margin-bottom:15px;margin-top:15px;color:rgba(var(--black),1)}.slide_menu .scroller button{width:100%;margin:0 0 5px}.slide_menu .scroller button.active{background-color:rgba(var(--teal),.3)}@media (max-width:1250px){.gear .tooltip.left{display:none}}@media (max-width:1050px){.gear .tooltip.right{display:none}}#lost,#lost #fade{height:100vh;width:100%}#lost #fade .section{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;box-shadow:none;overflow:hidden;padding:15px;width:calc(100% - 30px)}#lost #fade .section .heading{max-width:calc(100% - 30px);font-size:calc(var(--font-size) + 34px);line-height:calc(var(--font-size) + 36px)}#lost #fade .section .content-lost{color:rgba(var(--orange),1);font-size:calc(var(--font-size) + 8px);line-height:calc(var(--font-size) + 10px);font-family:var(--content);text-align:center}#lost #fade .section .gif{max-width:calc(100% - 30px)}#lost #fade .section .link_to_other{font-family:var(--content)}#lost #fade .section .link_to_other span{cursor:pointer;color:rgba(var(--orange),1)}#lost #fade .section .link_to_other span .arrow{font-size:24px;display:inline-block;vertical-align:middle;line-height:24px}#lost #fade .section .contact{text-align:center;margin-top:15px}#lost #fade .section .contact .icon{display:inline-block;margin:10px 5px;font-size:35px;color:#000;border-radius:50%;height:calc(var(--font-size) + 22px);background-color:hsla(0,0%,100%,.6)}#lost #fade .section .contact .icon .contact_img{width:calc(var(--font-size) + 24px);margin:-1px}#lost #fade .section .contact .icon:hover{background-color:rgba(var(--teal),.1)}#lost #fade .section .link_btn{display:inline-block;width:200px;font-size:30px;line-height:30px;font-family:var(--content);background-color:rgba(var(--white),1);border-bottom:2px solid rgba(var(--orange),1);padding:10px;margin:10px 10px 0;cursor:pointer}
/*# sourceMappingURL=main.25e7fafe.chunk.css.map */