@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body::-webkit-scrollbar{display:none}body{background-color:#010f24}a{color:#fff;text-decoration:none}button{background-color:initial;border:none;font-weight:400;outline:none}.button{color:#fff;font-size:20px}.button:hover{cursor:pointer}.button:before{background-color:#fff;content:"";display:block;height:1px;position:relative;top:1.5em;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:100%}.button:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.button:after{background-color:#fff;content:"";display:block;height:1px;position:relative;top:.375rem;-webkit-transform-origin:top right;transform-origin:top right;transition:-webkit-transform .9s ease;transition:transform .9s ease;transition:transform .9s ease,-webkit-transform .9s ease;width:100%}.button:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.container{border-radius:3px;height:80vh;width:100vw}.button-container{-webkit-column-gap:3vw;column-gap:3vw;display:flex;position:fixed;right:5vw;top:2vh;z-index:1}.scroll-button{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:20vh;justify-content:center;position:absolute;width:100vw;z-index:1}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}20%{-webkit-transform:scaleY(.95) translateY(5px);transform:scaleY(.95) translateY(5px)}80%{-webkit-transform:scaleY(1.05) translateY(-5px);transform:scaleY(1.05) translateY(-5px)}to{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}20%{-webkit-transform:scaleY(.95) translateY(5px);transform:scaleY(.95) translateY(5px)}80%{-webkit-transform:scaleY(1.05) translateY(-5px);transform:scaleY(1.05) translateY(-5px)}to{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.fixed-background{background:#1f5238;display:flex;height:80vh;position:fixed;top:0;width:100vw}.header{color:#fff;font-size:80px}.header-2{color:#fff;font-size:40px}.header-container{flex:50% 1;margin-top:10%}.image-container{align-items:stretch;display:flex;justify-content:center}.header-image{border-radius:50%;height:200px;left:23%;object-fit:cover;position:absolute}.about-container{padding-inline:20%}.about-container p{color:#fff;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5;text-align:center}.header.left{-webkit-animation:slide-right 3s;animation:slide-right 3s}.header.right{-webkit-animation:slide-left 3s;animation:slide-left 3s}@-webkit-keyframes slide-left{0%{margin-left:100%}to{margin-left:0}}@keyframes slide-left{0%{margin-left:100%}to{margin-left:0}}@-webkit-keyframes slide-right{0%{margin-left:-100%}to{margin-left:0}}@keyframes slide-right{0%{margin-left:-100%}to{margin-left:0}}.scrollabe-container{padding-top:80vh;scroll-behavior:smooth}.experience-container,.portfolio-container{background:#232323;padding-top:50px}.contact-container,.experience-container,.portfolio-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100vw;z-index:10}.contact-container{background-color:#000;padding-bottom:30px;padding-top:30px}.footer{align-items:center;border-top:1px solid #fff;color:#fff;display:flex;font-size:18px;font-weight:800px;height:70px;justify-content:center;width:100vw}@media (max-width:1300px){.header{color:#fff;font-size:60px}.header-container{margin-top:70px;width:100%}.about-container{left:10%;margin-top:250px;width:70%}.scrollabe-container{background-image:none}.button-container{-webkit-column-gap:10vw;column-gap:10vw}}.container{background-color:rgba(35,35,35,.6);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:80vw}.project{box-shadow:0 -2px 4px rgba(0,180,220,.05);display:flex;height:50vh;margin-top:50px;overflow:hidden;padding-bottom:50px;position:relative;width:100%}.project:after{border-top:1px solid #fff;bottom:0;content:"";display:block;left:45%;position:absolute;width:10%}.project.project2{flex-direction:row-reverse}.media-container{flex:0 0 50%;height:100%;position:relative}.media-container.project1,.media-container.project2{flex:0 0 50%}.image-content,.video-content{height:100%;position:absolute;width:100%}.image-content{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.image{height:100%;width:100%}.media-container:hover .image-content{-webkit-transform:translateY(-101%);transform:translateY(-101%)}.content{padding:40px}.text{color:#fff;font-family:Courier New,Courier,monospace;font-size:18px;text-align:left}.play-button{align-items:center;-webkit-column-gap:20px;column-gap:20px;cursor:pointer;display:flex}.video-text{color:#fff;display:flex;font-size:30px;text-align:left;width:-webkit-max-content;width:max-content}.video-text p{-webkit-animation:blink-caret 1s step-end infinite;animation:blink-caret 1s step-end infinite;border-right:.08em solid #fff}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.scroll-up-button{align-items:center;background-color:hsla(0,0%,4%,.8);border-radius:50px;bottom:100px;display:flex;height:40px;justify-content:center;position:fixed;right:50px;width:40px;z-index:10}@media (max-width:1100px){.project{height:-webkit-min-content;height:min-content}.project,.project.project2{flex-direction:column-reverse}.text{font-size:16px;line-height:1.3}.video-content{position:relative}.image-content{position:absolute;top:0}.project2 .video-content{height:50%;width:50%}.project2 .image-content{height:100%;width:50%}.video-text{font-size:20px}}
/*# sourceMappingURL=main.c8a9ddbf.css.map*/