.main-container{width:50vw;height:100vh;display:flex;flex-direction:column}.main-container.left{background:url(/static/media/bg-left.753158f3.jpg),url(/static/media/fabric_texture_dark.8742fb78.png);background-position:0 100%;background-repeat:no-repeat,repeat;background-size:auto 100vh,auto auto;background-blend-mode:multiply;color:#e2e8e8}.main-container.right{background:url(/static/media/bg-right.707aae79.jpg),url(/static/media/fabric_texture.69ee1984.png);background-position:100% 100%;background-repeat:no-repeat,repeat;background-size:auto 100vh,auto auto;background-blend-mode:multiply;color:#2c2f2f}.cover.left{background:url(/static/media/fabric_texture_dark.8742fb78.png) #2c2f2f repeat;background-blend-mode:multiply;right:50vw;left:0}.cover.left,.cover.right{content:"";position:absolute;top:0;bottom:0;animation:fadein .5s linear forwards;-moz-animation:fadein .5s linear forwards;-o-animation:fadein .5s linear forwards;-webkit-animation:fadein .5s linear forwards}.cover.right{background:url(/static/media/fabric_texture.69ee1984.png) #e2e8e8 repeat;background-blend-mode:multiply;right:0;left:50vw}.cover.left.transparent,.cover.right.transparent{animation:fadeout .5s linear forwards;-moz-animation:fadeout .5s linear forwards;-o-animation:fadeout .5s linear forwards;-webkit-animation:fadeout .5s linear forwards}h1,h2{background:none!important;z-index:10}#name{margin-top:15vh;font-size:6vh}#name.left{text-align:right;margin-right:1vw}#name.right{text-align:left;margin-left:1vw}.button{padding:1vh 1vw;margin:1vh 1vw;border-radius:.5vh;width:10vw;z-index:10;font-size:1vh}#about.button{align-self:flex-end;border:1px solid #e2e8e8;color:#e2e8e8;background:none}#about.button:hover{border:1px solid transparent;color:#2c2f2f;background-color:#e2e8e8;cursor:none}#contact.button{align-self:flex-start;border:1px solid #2c2f2f;color:#2c2f2f;background:none}#contact.button:hover{border:1px solid transparent;color:#e2e8e8;background-color:#2c2f2f;cursor:none}.title-container{align-self:center;text-align:center;margin-top:50vh;z-index:10;border-radius:1vh}.title-container.left{animation:leftbuttonoff .5s;-moz-animation:leftbuttonoff .5s;-webkit-animation:leftbuttonoff .5s;-o-animation:leftbuttonoff .5s}.title-container.right{animation:rightbuttonoff .5s;-moz-animation:rightbuttonoff .5s;-webkit-animation:rightbuttonoff .5s;-o-animation:rightbuttonoff .5s}.title-container.right.transparent{background-color:rgba(226,232,232,.7);animation:rightbuttonon .5s;-moz-animation:rightbuttonon .5s;-webkit-animation:rightbuttonon .5s;-o-animation:rightbuttonon .5s}.title-container.left.transparent{background-color:rgba(44,47,47,.7);animation:leftbuttonon .5s;-moz-animation:leftbuttonon .5s;-webkit-animation:leftbuttonon .5s;-o-animation:leftbuttonon .5s}#title{padding:1vh 2vw}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes rightbuttonon{0%{background-color:transparent}to{background-color:rgba(226,232,232,.7)}}@-webkit-keyframes rightbuttonon{0%{background-color:transparent}to{background-color:rgba(226,232,232,.7)}}@keyframes rightbuttonoff{0%{background-color:rgba(226,232,232,.7)}to{background-color:transparent}}@-webkit-keyframes rightbuttonoff{0%{background-color:rgba(226,232,232,.7)}to{background-color:transparent}}@keyframes leftbuttonon{0%{background-color:transparent}to{background-color:rgba(44,47,47,.7)}}@-webkit-keyframes leftbuttonon{0%{background-color:transparent}to{background-color:rgba(44,47,47,.7)}}@keyframes leftbuttonoff{0%{background-color:rgba(44,47,47,.7)}to{background-color:transparent}}@-webkit-keyframes leftbuttonoff{0%{background-color:rgba(44,47,47,.7)}to{background-color:transparent}}.cursor{width:53px;height:80px;border:none;border-radius:none;position:fixed;-webkit-transform:translate(-20%,-8%);transform:translate(-20%,-8%);pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:all .15s ease;transition-property:opacity}.cursor--hidden{opacity:0}@media (max-width:800px){.cursor{display:none}}.home-container{height:100vh;width:100vw;display:flex;cursor:none;animation:fadein 1s linear forwards;-moz-animation:fadein 1s linear forwards;-webkit-animation:fadein 1s linear forwards;-o-animation:fadein 1s linear forwards}.slider-container{width:80vh;height:45vh}.btn-prev{left:0}.btn-next,.btn-prev{width:5vh;height:10vh;padding:.1vh .2vh .1vh .1vh;border-radius:0 1.5vh 1.5vh 0;background-color:rgba(20,20,20,.8);z-index:999;border:none;position:absolute;top:38%;cursor:none}.btn-next{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.btn-hidden{display:none}.slider-image{width:80vh!important;height:45vh!important}@media (max-width:800px){.slider-container{width:90vw;height:50vw}.slider-image{width:90vw!important;height:50vw!important}.btn-next,.btn-prev{cursor:pointer!important}}.project-card{width:80vh;height:75vh;background:#e2e8e8 url(/static/media/fabric_texture.69ee1984.png) repeat;box-shadow:0 0 5vh #111;border-radius:1vh;overflow:hidden;margin:12vh 0 8vh}.project-body,.project-card{display:flex;flex-direction:column}.project-body{padding:3vh;height:30vh}.project-title-container{display:flex;justify-content:space-between}.project-title{font-size:2vh;color:rgba(44,47,47,.9);padding-top:.8vh}.project-tech{padding:.5vh}.project-description{color:rgba(44,47,47,.9);padding:1vh 0 1.5vh;height:5vh}.project-description-text{font-size:1.8vh}.project-extras{display:flex;align-items:center;padding:.7vh}.project-extras-text{color:rgba(44,47,47,.9);padding:.3vh 0 0 .8vh}.project-icon{width:2vh;height:2vh}.project-buttons{width:74vh;height:4vh;display:flex;margin-top:1vh}.project-btn{margin-right:1vh;border-radius:.5vh;display:flex;align-items:center;padding:.5vh 1.5vh .5vh 0;border:.2vh solid rgba(44,47,47,.7);background-color:#e2e8e8;cursor:pointer;overflow:hidden;animation:shadowout .3s linear forwards;-o-animation:shadowout .3s linear forwards;-moz-animation:shadowout .3s linear forwards;-webkit-animation:shadowout .3s linear forwards;cursor:none}.project-btn:hover{animation:shadowin .3s linear forwards;-o-animation:shadowin .3s linear forwards;-moz-animation:shadowin .3s linear forwards;-webkit-animation:shadowin .3s linear forwards}.disabled{background-color:rgba(44,47,47,.3);border-color:rgba(44,47,47,.3);color:rgba(44,47,47,.3);box-shadow:none}.disabled:hover{box-shadow:none!important}.project-btn:last-of-type{margin-right:0}.btn-icon-box{border-radius:.5vh;padding:.5vh}.btn-icon{height:2.5vh;width:2.5vh}.btn-label{padding-top:.3vh;margin-left:.5vh;text-transform:uppercase;font-size:1.3vh;color:#2c2f2f}.project-tech{display:flex}.tech-box{border-radius:.7vh;margin-left:.5vh;border:2px solid #2c2f2f;overflow:hidden}.tech-box.icon{width:2.5vh;height:2.5vh}.tech-icon{width:2vh;height:2vh;padding-top:.3vh;margin:auto}.tech-logo-text{font-size:"Gotham Bold",sans-serif;font-size:1.1vh;text-align:center;padding:.7vh .5vh .5vh}@keyframes shadowin{0%{box-shadow:0 0 .5vh}to{box-shadow:0 0 1vh}}@-webkit-keyframes shadowin{0%{box-shadow:0 0 .5vh}to{box-shadow:0 0 1vh}}@keyframes shadowout{0%{box-shadow:0 0 1vh}to{box-shadow:0 0 .5vh}}@-webkit-keyframes shadowout{0%{box-shadow:0 0 1vh}to{box-shadow:0 0 .5vh}}@media (max-width:800px){.project-card{width:90vw;height:auto;margin:0 0 3vh!important}.project-body{height:auto}.project-title-container{display:flex;flex-direction:column}.project-description{display:none}.project-title{font-size:4.5vw;padding:0 0 .5vh}.project-extras{padding-left:0}.project-extras-text{font-size:3.5vw;max-width:60vw}.project-icon{width:7vw;height:7vw}.project-buttons{margin-bottom:1vh;width:70vw;height:auto;flex-wrap:wrap}.project-btn{margin-top:1vh;cursor:pointer!important}.project-tech{flex-wrap:wrap;margin-left:-1vh}.tech-box{margin-top:.5vh}}.pindex-container{width:100vw;height:100vh;-ms-overflow-style:none;scrollbar-width:none;animation:fadein 1s linear forwards;-moz-animation:fadein 1s linear forwards;-webkit-animation:fadein 1s linear forwards;-o-animation:fadein 1s linear forwards}::-webkit-scrollbar{display:none;width:0;background:transparent}.projects-title{text-align:center;position:fixed;left:20vw;top:4vh;width:60vw;color:#e2e8e8;font-size:3vh}.navigate{position:fixed;bottom:2vh;left:40vw}.navigate-img{height:auto;width:20vw}.project-card-container{display:flex;flex-wrap:nowrap;width:-webkit-max-content;width:max-content;overflow:hidden}.prev{left:-4vh}.next,.prev{display:flex;align-items:center;height:20vh;width:20vh;position:fixed;top:40vh}.next{right:-4vh;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.prev-text{left:10vh;text-align:left}.next-text,.prev-text{display:flex;align-items:center;height:20vh;position:fixed;top:40vh;color:rgba(226,232,232,.2);z-index:-5}.next-text{right:10vh;text-align:right}@media (max-width:800px){.pindex-container{height:auto;cursor:auto!important}.project-card-container{display:flex;flex-direction:column;padding:5vw}.navigate,.next,.next-text,.prev,.prev-text{display:none}.projects-title{left:12vw;width:80vw;font-size:3vw;top:4.5vw;z-index:-999}.project-card:first-of-type{margin-top:8vw!important}}.backbtn-container{position:fixed;top:3vh;left:3vh;display:flex;flex-direction:column;align-items:center;width:5vh;height:5vh;border-radius:5vh;overflow:hidden;background-color:#e2e8e8;animation:pulse 5s infinite;-o-animation:pulse 5s infinite;-moz-animation:pulse 5s infinite;-webkit-animation:pulse 5s infinite;z-index:9999;cursor:pointer}.back-arrow{width:5vh;height:5vh;animation:offclick 1s forwards;-o-animation:offclick 1s forwards;-moz-animation:offclick 1s forwards;-webkit-animation:offclick 1s forwards}.back-arrow.mouseon{animation:onclick 1s forwards;-o-animation:onclick 1s forwards;-moz-animation:onclick 1s forwards;-webkit-animation:onclick 1s forwards}.home-icon{width:4vh;height:4vh;margin-top:1.5vh}@keyframes onclick{0%{margin-top:0}to{margin-top:-6vh}}@-webkit-keyframes onclick{0%{margin-top:0}to{margin-top:-6vh}}@keyframes offclick{0%{margin-top:-6vh}to{margin-top:0}}@-webkit-keyframes offclick{0%{margin-top:-6vh}to{margin-top:0}}@keyframes pulse{0%{box-shadow:0 0 0 #000}50%{box-shadow:0 0 2vh #49c0b6}to{box-shadow:0 0 0 #000}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 #000}50%{box-shadow:0 0 2vh #49c0b6}to{box-shadow:0 0 0 #000}}@media (max-width:800px){.backbtn-container{top:3vw;left:3vw;width:10vw;height:10vw;border-radius:10vw}.back-arrow{width:10vw;height:10vw}.back-arrow,.back-arrow.mouseon{-webkit-animation:none;animation:none}.home-icon{display:none}}.index-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2c2f2f url(/static/media/fabric_texture_dark.8742fb78.png) repeat;background-blend-mode:hard-light;animation:fadein 1s linear forwards;-moz-animation:fadein 1s linear forwards;-webkit-animation:fadein 1s linear forwards;-o-animation:fadein 1s linear forwards;cursor:auto!important;padding:5vh auto}.section-button{background:#e2e8e8 url(/static/media/fabric_texture.69ee1984.png) repeat;border-radius:1vh;width:60vw;height:10vh;margin:2vh;cursor:pointer;border:none;animation:glowout .5s forwards;-moz-animation:glowout .5s forwards;-o-animation:glowout .5s forwards;-webkit-animation:glowout .5s forwards}.section-button:hover{animation:glow 1s forwards;-moz-animation:glow 1s forwards;-o-animation:glow 1s forwards;-webkit-animation:glow 1s forwards}.section-title{color:#2c2f2f;font-size:3vh}@keyframes glow{0%{box-shadow:0 0 5vh #111}to{box-shadow:0 0 1vh #49c0b6}}@-webkit-keyframes glow{0%{box-shadow:0 0 5vh #111}to{box-shadow:0 0 7vh #49c0b6}}@keyframes glowout{0%{box-shadow:0 0 1vh #49c0b6}to{box-shadow:0 0 5vh #111}}@-webkit-keyframes glowout{0%{box-shadow:0 0 1vh #49c0b6}to{box-shadow:0 0 5vh #111}}@media (max-width:800px){.index-container{height:90vh}}.skill-container{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:2vh 0 1vh;height:12vh}.skill{height:10vh;width:10vh}.label{text-align:center;width:3vh;height:3vh;border-radius:10vh;margin-top:-8vh;z-index:20;padding:1.5vh;box-shadow:0 0 1vh #222}.about-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadein 1s linear forwards;-moz-animation:fadein 1s linear forwards;-webkit-animation:fadein 1s linear forwards;-o-animation:fadein 1s linear forwards;cursor:auto!important}.text-canvas{display:flex;width:80vw;height:auto;background:#e2e8e8 url(/static/media/fabric_texture.69ee1984.png) repeat;box-shadow:0 0 10vh #111;border-radius:10px;margin-top:-10vh}.text-container{margin:10vh 5vh}.picture-frame{display:flex;align-items:center;justify-content:center;border-radius:10vw;overflow:hidden;box-shadow:0 0 5vh #111;border:1vh solid #e2e8e8;z-index:5}.picture,.picture-frame{width:15vw;height:15vw}.about-title{font-size:3vh;color:#2c2f2f}.about-title:last-of-type{margin-top:3vh}.about-text{font-size:2vh;color:#2c2f2f;margin-top:1.5vh}.social-buttons{display:inline;list-style-type:none}.sm-buttons{float:left;width:2.5vh;height:2.5vh;margin:2vh 0;padding:0 1vh 1vh;animation:mouseout 1s linear forwards;-moz-animation:mouseout 1s linear forwards;-webkit-animation:mouseout 1s linear forwards;-o-animation:mouseout 1s linear forwards}.sm-buttons:hover{animation:mousein .5s linear forwards;-moz-animation:mousein .5s linear forwards;-webkit-animation:mousein .5s linear forwards;-o-animation:mousein .5s linear forwards;cursor:pointer}.skills{display:flex;flex-direction:row}.skills-mobile{display:none}@keyframes mousein{0%{border-bottom:2px solid rgba(44,47,47,0)}to{border-bottom:2px solid #49c0b6}}@-webkit-keyframes mousein{0%{border-bottom:2px solid rgba(44,47,47,0)}to{border-bottom:2px solid #49c0b6}}@keyframes mouseout{0%{border-bottom:2px solid #49c0b6}to{border-bottom:2px solid rgba(44,47,47,0)}}@-webkit-keyframes mouseout{0%{border-bottom:2px solid #49c0b6}to{border-bottom:2px solid rgba(44,47,47,0)}}@media (max-width:800px){.about-container{height:90vh}.text-canvas{width:90vw;height:auto;margin-top:0}.text-container{max-width:80vw;margin:8vw 5vw}.picture,.picture-frame{width:15vh;height:15vh}.picture-frame{border-radius:15vh;border:1vw solid #e2e8e8;margin-top:3vh;margin-bottom:-3vh}.about-title{font-size:5vw;color:#2c2f2f}.about-title:last-of-type{margin-top:3vh}.about-text{font-size:3vw;color:#2c2f2f;margin-top:1.5vh}.skills-mobile{display:flex}.skills{display:none}}@media (max-width:1130px){.skills-mobile{display:flex}.skills{display:none}}.mobile-container{width:100vw;overflow-y:hidden;cursor:auto;display:flex;flex-direction:column;align-items:center;animation:fadein 1s linear forwards;-moz-animation:fadein 1s linear forwards;-webkit-animation:fadein 1s linear forwards;-o-animation:fadein 1s linear forwards}.dev-half{background:url(/static/media/bg-left-m.8d9d9b70.jpg) no-repeat;background-position:0 0;background-size:auto 50vh}.des-half,.dev-half{height:50%;width:100vw;display:flex;align-items:center;justify-content:center}.des-half{background:url(/static/media/bg-right-m.6b597357.jpg) no-repeat;background-position:0 0;background-size:auto 50vh}.divider{height:5px;width:100vw}.divider,.name-mobile{background-color:#9a9e9e}.name-mobile{position:fixed;padding:1vh 2vw;border-radius:3vw;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20vw #111}.name-mobile-text{color:#2c2f2f;font-size:6vw;padding-top:.5vh;margin-left:1vw}.about-mobile{border:none;background-color:#2c2f2f;color:#9a9e9e;padding:1vh 3vh;border-radius:1vh;margin-left:3vw;margin-right:1vw;display:flex;font-size:1vh}.title-mobile{padding:8vw;border-radius:2vh;background-color:rgba(226,232,232,.4);box-shadow:0 0 20vw #111}.title-mobile-text{text-align:center;color:#2c2f2f;font-size:6vw}*{margin:0;padding:0}html{background:#2c2f2f url(/static/media/fabric_texture_dark.8742fb78.png) repeat;background-blend-mode:hard-light;cursor:none}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}p{font-family:"Gotham Book",sans-serif}h1,h2{font-family:"Gotham Black",sans-serif}h3,h4,h5,h6,strong{font-family:"Gotham Bold",sans-serif}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.42b78055.chunk.css.map */