body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}body{overflow:hidden;position:fixed!important}img,video{pointer-events:none}.Navbar{align-items:flex-start;position:absolute;top:40%;left:10vw;justify-content:space-around;display:flex;flex-direction:column}.home-animation-appear{opacity:0}.home-animation-appear.home-animation-appear-active{opacity:1;transition:opacity 1s ease .5s}.aboutMe-animation-appear{opacity:0}.aboutMe-animation-appear.aboutMe-animation-appear-active{opacity:1;transition:opacity 1s ease .8s}.contact-animation-appear{opacity:0}.contact-animation-appear.contact-animation-appear-active{opacity:1;transition:opacity 1s ease 1.1s}.buttonWithText{display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px;cursor:pointer}.buttonWithText.clicked,.buttonWithText:hover{background:#595651;background:radial-gradient(circle,rgba(89,86,81,.3) 0,rgba(89,86,81,0) 100%)}.buttonText{color:#fff2e0;font-size:2rem;padding-left:10px;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.Button{display:flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px}.circle{width:17%;height:17%;border-radius:100%;border:.5px solid rgba(255,123,0,.719);background-color:rgba(255,123,0,.719);background:radial-gradient(rgba(255,0,0,0),rgba(255,123,0,.3),#ff7b00)}.circle,.first{position:absolute;display:inline-block}.first{width:28%;height:28%;border-radius:100%;border-right:1px solid rgba(255,123,0,.719);transition:all .5s ease}.first.notClicked{animation:rotating 1s linear infinite forwards}.first.clicked{transform:rotate(0deg)}.buttonWithText:hover .first.notClicked{width:38%;height:38%}.second{display:inline-block;position:absolute;width:39%;height:39%;border-radius:100%;transition:all .5s ease;border-right:1.2px solid rgba(255,123,0,.719)}.second.notClicked{animation:rotating 2.55s linear infinite forwards}.second.clicked{transform:rotate(0deg)}.buttonWithText:hover .second.notClicked{width:49%;height:49%}.third{display:inline-block;position:absolute;width:50%;height:50%;border-radius:100%;transition:all .5s ease;border-right:1.5px solid rgba(255,123,0,.719)}.third.notClicked{animation:rotating 4.15s linear infinite forwards}.third.clicked{transform:rotate(0deg)}.buttonWithText:hover .third.notClicked{width:60%;height:60%}.fourth{display:inline-block;position:absolute;width:61%;height:61%;border-radius:100%;transition:all .5s ease;border-right:1.5px solid rgba(255,123,0,.719)}.fourth.notClicked{animation:rotating 7.81s linear infinite}.fourth.clicked{transform:rotate(0deg)}.buttonWithText:hover .fourth.notClicked{width:73%;height:73%}.fifth{display:inline-block;position:absolute;width:72%;height:72%;border-radius:100%;transition:all .5s ease;border-right:1.5px solid rgba(255,123,0,.719)}.fifth.notClicked{animation:rotating 49.39s linear infinite}.fifth.clicked{transform:rotate(0deg)}.buttonWithText:hover .fifth.notClicked{width:87%;height:87%}.sixth{display:inline-block;position:absolute;width:83%;height:83%;border-radius:100%;transition:all .5s ease;border-right:2px solid rgba(255,123,0,.719)}.sixth.notClicked{animation:rotating 92.425s linear infinite}.sixth.clicked{transform:rotate(0deg)}.buttonWithText:hover .sixth.notClicked{width:103%;height:103%}.seventh{display:inline-block;position:absolute;width:94%;height:94%;border-radius:100%;transition:all .5s ease;border-right:2px solid rgba(255,123,0,.719)}.seventh.notClicked{animation:rotating 128.6s linear infinite}.seventh.clicked{transform:rotate(0deg)}.buttonWithText:hover .seventh.notClicked{width:154%;height:154%}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MobileNavbar{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:row;position:fixed;bottom:2%;width:100%;z-index:10}.nav-btn{background:none;width:33%;height:6%;border:none;color:#fff2e0;font-size:1rem;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.nav-btn :hover{background:radial-gradient(circle,rgba(255,123,0,.5) 0,rgba(255,123,0,0) 100%);cursor:pointer}.nav-btn:active{background:rgba(255,123,0,.7)}.nav-btn:focus{outline:none}.mobileclicked{background:radial-gradient(circle,rgba(255,123,0,.5) 0,rgba(255,123,0,0) 100%)}.mobilenotclicked{background:none}button:focus{outline:none}.about-me{border-right:3px solid rgba(255,123,0,.5);border-left:3px solid rgba(255,123,0,.5)}.nav-animation-appear{opacity:0}.nav-animation-appear.nav-animation-appear-active{opacity:1;transition:opacity .5s ease .5s}.background{display:flex;align-items:center;justify-content:center;background:#000;object-fit:cover;width:100vw;height:100vh}.background-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0;-webkit-filter:brightness(60%);filter:brightness(60%)}.bottom{width:70%;z-index:5;object-fit:fill}.bottom,.bottom-image{position:absolute;right:0;bottom:0}.bottom-image{height:200px;width:100%}.lights.active{display:inline;z-index:2;animation:flickerLights .01s infinite}.lights.notActive{display:none}.light1{right:20vw}.light1,.light2{width:1vw;height:10px;background-color:#ff7b00;border-radius:100%;position:absolute;bottom:20px;box-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.light2{right:50vw}.background-top{display:flex;height:270px;width:33%;top:20px;left:0;position:absolute;object-fit:fill}.top-image{height:144px;width:100%;top:111px;left:0;position:absolute;z-index:2}.picture{height:auto;max-width:28%;bottom:55px;left:3%;box-shadow:0 0 3px #fff2e0,0 0 6px #e65c00}.name,.picture{z-index:1;position:absolute}.name{bottom:65%;font-size:2rem}.job-title,.name{left:40%;color:#fff2e0;padding-left:10px;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00;text-align:left}.job-title{top:40%;font-size:1rem}.job-title,.top-light{position:absolute;z-index:1}.top-light{width:1vw;height:10px;background-color:#ff7b00;border-radius:100%;bottom:32px;left:5.2vw;animation:flickerLights .01s 3s infinite;box-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.bottom-image-animation-appear{transform:translateX(100%)}.bottom-image-animation-appear.bottom-image-animation-appear-active{transform:translateX(0);transition:transform .5s ease}.top-image-animation-appear{transform:translateX(-100%)}.top-image-animation-appear.top-image-animation-appear-active{transform:translateX(0);transition:transform .5s ease}.picture-animation-appear{opacity:0}.picture-animation-appear.picture-animation-appear-active{opacity:1;transition:opacity .5s ease .5s}.top-light-animation-appear{opacity:0}.top-light-animation-appear.top-light-animation-appear-active{opacity:1;transition:opacity .5s ease .5s}.video-animation-appear{opacity:0}.video-animation-appear.video-animation-appear-active{opacity:1;transition:opacity 2s ease}.mobilebackground{display:flex;align-items:center;justify-content:center;background:#000;object-fit:cover;width:100vw;height:100vh}.mobilebackground-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0;-webkit-filter:brightness(60%);filter:brightness(60%)}.mobilebottom{width:70%;position:absolute;right:0;bottom:0;z-index:5;object-fit:fill}.mobiletop-image{height:10%;width:100%;top:-6%;left:0;position:absolute;z-index:2}.mobilebottom-image{position:fixed;height:10%;width:100%;bottom:-2%;min-height:35px;z-index:5}.mobilelights.active{display:inline;z-index:2;animation:flickerLights .01s infinite}.mobilelights.notActive{display:none}.mobilelight1{right:30vw}.mobilelight1,.mobilelight2{width:10px;height:1vh;background-color:#ff7b00;border-radius:100%;position:fixed;bottom:7.5%;box-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.mobilelight2{left:30vw}.mobiletop-light1{right:30vw}.mobiletop-light1,.mobiletop-light2{width:10px;height:1vh;background-color:#ff7b00;border-radius:100%;position:absolute;top:3.5%;z-index:1;box-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00}.mobiletop-light2{left:30vw}.mobilejob-title.active,.mobilename.active,.mobilepicture.active{display:none}.mobilepicture{z-index:1;height:auto;max-width:50%;top:10%;left:25%;position:absolute;box-shadow:0 0 3px #fff2e0,0 0 6px #e65c00}.mobilename{right:5%;top:50%;font-size:1.5rem}.mobilejob-title,.mobilename{position:absolute;left:5%;color:#fff2e0;padding-left:10px;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00;text-align:left;z-index:1}.mobilejob-title{top:55%;font-size:.8rem}.mobilebottom-image-animation-appear{transform:translateY(100%)}.mobilebottom-image-animation-appear.mobilebottom-image-animation-appear-active{transform:translateY(0);transition:transform .5s ease}.mobiletop-image-animation-appear{transform:translateY(-100%)}.mobiletop-image-animation-appear.mobiletop-image-animation-appear-active{transform:translateY(0);transition:transform .5s ease}.mobilepicture-animation-appear{opacity:0}.mobilepicture-animation-appear.mobilepicture-animation-appear-active{opacity:1;transition:opacity .5s ease .5s}.mobiletop-light-animation-appear{opacity:0}.mobiletop-light-animation-appear.mobiletop-light-animation-appear-active{opacity:1;transition:opacity .5s ease .5s}.mobiletop-light-animation-appear-done{animation:flickerLights .01s infinite}.mobilevideo-animation-appear{opacity:0}.mobilevideo-animation-appear.mobilevideo-animation-appear-active{opacity:1;transition:opacity 2s ease}@keyframes flickerLights{0%{opacity:.8}to{opacity:1}}.top{height:1vh;width:60vw;position:fixed;left:35%}.top.active{top:5%;height:90vh;animation:fadein .5s;z-index:3}.top.active,.top.notActive{position:fixed;transition:height .3s ease}.top.notActive{bottom:5%;animation:fadeout .3s forwards}.back{position:absolute;animation:flicker .01s infinite}.back,.back img{width:100%;height:100%}.back img{object-fit:fill;z-index:1}.title{border-bottom:3px solid rgba(255,123,0,.1);height:5%;width:30%;top:3%;left:65%;font-size:2rem;padding-left:10px;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00;z-index:2}.content,.title{position:absolute;color:#fff2e0}.content{padding-right:15px;top:10%;left:5%;height:85%;width:90%;text-align:justify;font-family:"Roboto",sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(255,123,0,.5) rgba(255,123,0,.1);scrollbar-width:thin}.content h1{border-bottom:3px solid rgba(255,123,0,.1);font-size:2rem;padding-left:10px;text-shadow:0 0 5px #fff2e0,0 0 15px #e65c00}.content h1,.content h2{color:#fff2e0;font-family:"Orbitron",sans-serif;font-weight:100}.content h2{font-size:1rem;padding-right:80px;margin-bottom:30px;text-shadow:0 0 3px #fff2e0,0 0 9px #e65c00;text-align:right}.text-wrapper{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;object-fit:cover;display:flex;flex-direction:column}.block{margin-top:30px}.photo-two{width:50%}.photo-four,.photo-three{margin-bottom:20px;width:40%;box-shadow:0 0 6px #fff2e0,0 0 18px #e65c00}.block{justify-content:space-around}.block,.portfolio-block{align-items:center;text-align:center;margin-top:10px}.portfolio-block{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.photo-one{width:30%}.photo-one,.photo-two{box-shadow:0 0 6px #fff2e0,0 0 18px #e65c00;margin-bottom:20px}.photo-two{width:40%}.skill-table{margin-top:10px;margin-bottom:50px;flex-direction:column;align-items:center}.skill-table,.table-rows{display:flex;justify-content:space-around}.table-rows{width:100%;flex-direction:row;flex-wrap:wrap}.table-block{display:flex;width:30%;text-align:center}.table-block h1{width:100%;align-self:flex-end}ul{list-style-type:none;padding:0;margin:0;text-align:center}li{margin-bottom:5px}.Front-end{width:30%}.Back-end,.Front-end{display:flex;flex-direction:column;justify-content:flex-start}.Back-end{width:33%;border-right:3px solid rgba(255,123,0,.1);border-left:3px solid rgba(255,123,0,.1)}.Machine-learning{width:30%;display:flex;flex-direction:column;justify-content:flex-start}@media only screen and (max-width:900px){.photo-one{width:70%}.photo-four,.photo-three,.photo-two{width:90%}}.card-container{display:flex;flex-direction:column;align-items:center;position:relative;width:300px;height:300px}.card-container.active{z-index:11}.card-container.notActive{z-index:1}.card-image{width:100%;height:600px;position:absolute;transition:all .5s ease}.card-image.active{opacity:1}.card-image.notActive{opacity:0}.card-text.active{display:inline}.card-text.notActive{display:none}.card-image img{width:100%;height:100%;object-fit:fill}.portfolio-content{position:absolute;top:10%;left:5%;height:510px;width:90%;color:#fff2e0;text-align:justify;font-family:"Roboto",sans-serif;overflow-y:auto;scrollbar-color:rgba(255,123,0,.5) rgba(255,123,0,.1);scrollbar-width:thin;display:flex;align-items:center;flex-direction:column}.portfolio-content h1{border-bottom:3px solid rgba(255,123,0,.1);font-size:2rem;padding-left:10px;text-shadow:0 0 5px #fff2e0,0 0 15px #e65c00}.portfolio-content h1,.portfolio-content h2{color:#fff2e0;font-family:"Orbitron",sans-serif;font-weight:100}.portfolio-content h2{font-size:1rem;padding-right:10px;margin-bottom:30px;text-shadow:0 0 3px #fff2e0,0 0 9px #e65c00;text-align:left}.portfolio-visual{background:#fff2e0;width:80%;height:width;position:relative;display:flex;align-items:center;justify-content:center}.portfolio-visual img{width:100%;height:auto;object-fit:contain;z-index:1;cursor:pointer}.x-btn{border:solid #8b2b08;border-radius:500px;background:#6e2206;width:20px;height:20px;position:absolute;top:0;right:2%;cursor:pointer}.x-btn.notActive{display:none}.contact-wrapper{width:100%;display:flex;flex-direction:column}.contact-wrapper h1{border-bottom:3px solid rgba(255,123,0,.1);font-size:2rem;padding-left:10px;text-shadow:0 0 5px #fff2e0,0 0 15px #e65c00}.contact-wrapper h1,.contact-wrapper h2{color:#fff2e0;font-family:"Orbitron",sans-serif;font-weight:100}.contact-wrapper h2{font-size:1rem;padding-right:80px;margin-bottom:30px;text-shadow:0 0 3px #fff2e0,0 0 9px #e65c00;text-align:right}.form-group{justify-content:flex-start;margin-bottom:20px;position:absolute}.form-group,.group-box{width:100%;display:flex;flex-direction:row;align-items:center}.group-box{position:relative;margin-bottom:30px}label{width:20%}input,label{position:relative;left:5%}input{padding:10px;background:rgba(255,123,0,.5);border:none;border-radius:500px;min-width:30%;max-width:50%;color:#fff2e0;font-family:"Roboto",sans-serif}input:focus,textarea:focus{outline:none;box-shadow:0 0 1pt 1pt rgba(255,123,0,.5)}textarea{padding:10px;position:relative;margin-top:20px;background:rgba(255,123,0,.5);border:none;border-radius:10px;width:80%;left:5%;margin-bottom:10px;color:#fff2e0;font-family:"Roboto",sans-serif;resize:none;height:200px}.photo-contact{width:50%;box-shadow:0 0 6px #fff2e0,0 0 18px #e65c00;margin-bottom:50px;align-self:center}form{width:80%;display:flex;flex-direction:column;justify-content:left;align-items:center}.submit-btn{color:#fff2e0;font-family:"Roboto",sans-serif;font-size:large;position:relative;left:70%;margin-top:20px;background:none;border:solid rgba(255,123,0,.5);border-radius:500px;width:10%;min-width:70px}.submit-btn:hover{background:rgba(255,123,0,.3);cursor:pointer}.submit-btn:active{background:rgba(255,123,0,.7)}.submit-btn:focus{outline:none}.contact-form{margin-top:20px}@media only screen and (max-width:900px){textarea{width:85%}input{left:20%}.contact-wrapper h3{position:relative;padding-left:0;left:-9%;font-size:1rem}.photo-contact{width:90%}}.error{font-size:.7rem;color:red;text-shadow:0 0 9px red;position:absolute;left:5%;bottom:-10px}.alert-container{display:flex;flex-direction:column;align-items:center;width:30%;height:25vh;position:fixed;top:40%;left:50%}.alert-container.active{opacity:1;transform:scale(1);transition:all .2s ease;z-index:11}.alert-container.notActive{opacity:0;transform:scale(.1);transition:all .2s ease;z-index:-5}.alert-container img{position:absolute;top:0;width:100%;height:100%;object-fit:fill}.alert-container h1{z-index:15}.alert-container p{z-index:15;font-size:1rem;padding-left:5%;padding-right:5%;text-align:center;font-weight:700}.alert-btn{color:#fff2e0;font-family:"Roboto",sans-serif;font-size:large;margin-top:20px;background:none;position:absolute;bottom:7%;width:70px;height:40px;border:solid rgba(255,123,0,.5);border-radius:500px;z-index:15}.alert-btn:hover{background:rgba(255,123,0,.3);cursor:pointer}.alert-btn:active{background:rgba(255,123,0,.7)}.alert-btn:focus{outline:none}@media only screen and (max-width:900px){.alert-container{display:flex;flex-direction:column;width:80%;height:25vh;position:fixed;top:40%;left:10%}}.line.active{top:6vh;width:18vw;animation:sways .00007s linear infinite,linein 1.93s linear infinite,fadein .1s linear infinite}.line.active,.linetwo.active{position:fixed;left:35%;height:.5vh;background:rgba(255,123,0,.15);border-radius:1vh;z-index:0}.linetwo.active{top:5vh;width:20vw;animation:sways .00007s linear infinite,linein 2.132s linear .6s infinite,fadein .08s linear infinite}.mobiletop{height:1vh;width:90vw;position:fixed;left:5%}.mobiletop.active{position:fixed;top:5%;bottom:9%;height:auto;transition:height 5s ease;animation:fadein .5s;z-index:3}.mobiletop.notActive{bottom:0;height:1vh;transition:height 1s ease;position:fixed;animation:fadeout .5s forwards}.mobileback{width:100%;height:100%;position:absolute;animation:flicker .01s infinite}.mobileback img{width:100%;height:100%;object-fit:fill;z-index:1}.mobiletitle{border-bottom:3px solid rgba(255,123,0,.1);height:5%;width:30%;top:3%;font-size:1rem;padding-left:10px;font-family:"Orbitron",sans-serif;text-shadow:0 0 10px #fff2e0,0 0 30px #e65c00,0 0 40px #e65c00,0 0 50px #e65c00;z-index:2}.mobilecontent,.mobiletitle{left:5%;position:absolute;color:#fff2e0}.mobilecontent{padding-right:15px;top:10%;height:85%;width:90%;text-align:justify;font-size:16px;font-family:"Roboto",sans-serif;overflow-y:auto;scrollbar-color:rgba(255,123,0,.5) rgba(255,123,0,.1);scrollbar-width:thin}.mobilecontent h1{border-bottom:3px solid rgba(255,123,0,.1);font-size:1.1rem;padding-left:10px;text-shadow:0 0 5px #fff2e0,0 0 15px #e65c00}.mobilecontent h1,.mobilecontent h2{color:#fff2e0;font-family:"Orbitron",sans-serif;font-weight:100}.mobilecontent h2{font-size:1rem;padding-right:5%;margin-bottom:3vh;text-shadow:0 0 3px #fff2e0,0 0 9px #e65c00;text-align:right}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(255,123,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(255,123,0,.3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,123,0,.5)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes flicker{0%{opacity:.95}to{opacity:1}}@keyframes linein{0%{top:9vh}to{top:90vh}}@keyframes sways{0%{left:35%}to{left:75%}}
/*# sourceMappingURL=main.773f6b09.chunk.css.map */