body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;margin:0;padding:0;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fade-in-button{0%{opacity:0}to{opacity:1}}@keyframes fade-out-button{0%{opacity:1}to{opacity:0}}.timer-wrapper.fade-in-button{animation:fade-in-button 1s ease-in-out forwards}.timer-wrapper.fade-out-button{animation:fade-out-button .5s ease-in-out forwards}.container{height:100vh;height:calc(var(--vh, 1vh)*100);max-height:100vh;overflow-y:scroll;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory}.dif-components{scroll-behavior:smooth;scroll-snap-align:start}.timer-wrapper{border-radius:50%;bottom:10vh;cursor:pointer;height:2vh;left:2vh;position:fixed;z-index:2}.centered-text-button{color:#fff;font-family:drenkoFont;font-size:150%;font-weight:700;letter-spacing:5px;text-align:center;text-shadow:0 0 7px #f3f3f3}.centered-text-button.clicked{animation:pulse .4s ease-in-out forwards}h1{font-size:calc(100% + 3.5vw)}.full-height-section{align-items:center;background:linear-gradient(180deg,#000,#080808);display:flex;height:100vh;height:100dvh;justify-content:center;position:relative;text-align:center}.video-home{animation:fade-in-video .5s ease-in-out;height:100vh;height:100dvh;object-fit:cover;opacity:.3;position:absolute;width:100%;z-index:1}.centered-text{color:#fff;font-family:drenkoFont;font-size:130%;font-weight:700;letter-spacing:.5vw;text-align:center;text-shadow:0 0 1vw #fff;z-index:2}@media only screen and (max-width:767.98px) and (orientation:portrait){.body-text-who{font-size:5vw!important}.header-text-who{font-size:3.5vh!important}}@media only screen and (max-width:767.98px) and (orientation:landscape){.body-text-who{font-size:2.5vh!important}.header-text-who{font-size:3.5vh!important}}@media only screen and (min-width:768px) and (max-width:991.98px) and (orientation:portrait){.body-text-who{font-size:2.5vh!important}.header-text-who{font-size:4vh!important}}@media only screen and (min-width:768px) and (orientation:landscape),only screen and (min-width:992px){.body-text-who{font-size:2.5vh!important}.header-text-who{font-size:4vh!important}}.who-am-i-section{background:linear-gradient(180deg,#000,#080808);display:flex;height:100vh;height:100dvh;position:relative;text-align:center}.page-who,.who-am-i-section{align-items:center;justify-content:center}.page-who{height:80vh;height:80dvh;margin:0;padding:0;width:100vh;z-index:2}.video-about{animation:fade-in-video .5s ease-in-out;height:100vh;height:100dvh;object-fit:cover;opacity:.4;position:absolute;width:100%;z-index:1}.header-text-who{color:#fff;font-family:drenkoFont;font-weight:700;letter-spacing:.5vw;text-align:center;text-shadow:0 0 .75vw #fff;width:100%}.main{align-items:center;display:flex;height:80%;justify-content:center;margin:auto;padding:0}.body-text-who{color:#fff;font-family:drenkoFont;margin:auto;text-align:justify;width:80%}@keyframes fade-in-video{0%{opacity:0}to{opacity:.3}}@keyframes fade-in-out{0%{opacity:.5}to{opacity:1}}@media only screen and (max-width:767.98px) and (orientation:portrait){.body-text,.tapme-text{font-size:5vw!important}.header-text{font-size:3.5vh!important}.experience-icon{font-size:4vh}}@media only screen and (max-width:767.98px) and (orientation:landscape){.body-text,.tapme-text{font-size:3vh!important}.header-text{font-size:3.5vh!important}.experience-icon{font-size:4vh}}@media only screen and (min-width:768px) and (max-width:991.98px) and (orientation:portrait){.body-text,.tapme-text{font-size:2.5vh!important}.header-text{font-size:4vh!important}.experience-icon{font-size:5vh}}@media only screen and (min-width:768px) and (orientation:landscape),only screen and (min-width:992px){.body-text,.tapme-text{font-size:2.5vh!important}.header-text{font-size:4vh!important}.experience-icon{font-size:6vh}}.my-work-section{align-items:center;background:linear-gradient(180deg,#000,#080808);display:flex;height:100vh;height:100dvh;justify-content:center;position:relative;text-align:center}.video-ex{animation:fade-in-video .5s ease-in-out;height:100vh;height:100dvh;object-fit:cover;opacity:.3;position:absolute;width:100%;z-index:1}.page{align-items:center;height:80vh;height:80dvh;justify-content:center;margin:0;padding:0;width:100vh;z-index:2}.header-text{font-weight:700;letter-spacing:.5vw;text-align:center;text-shadow:0 0 .75vw #fff;width:100%}.body-text,.header-text{color:#fff;font-family:drenkoFont}.body-text{margin:auto;text-align:justify;width:80%}.icon-text{display:flex;flex-direction:column;height:80%;width:100%}.circle-tap,.icon-text{align-items:center;justify-content:center}.circle-tap{cursor:pointer;margin-top:0;z-index:2}.circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;border-radius:50%;display:inline-flex}.tapme-text{animation:fade-in-out 1s infinite alternate;letter-spacing:1px;margin-top:1vh}.circle-text,.tapme-text{color:#fff;font-family:drenkoFont;text-shadow:0 0 1vw #fff}.circle-text{font-size:2vh;margin-bottom:3vh;margin-top:3vh;text-align:justify;width:80%}.experience-icon{color:#fff}body,html{margin:0;padding:0}@font-face{font-family:drenkoFont;src:url(/static/media/FredokaOne-Regular.5e19f05c9f5dab094c8b.ttf)}.contact-me-section{background:#000;display:flex;height:30vh;height:30dvh}.contact-me-section,.contact-page{align-items:center;justify-content:center}.contact-page{height:75%;margin:0;padding:0;width:75%}.header-text-quote{font-weight:700;letter-spacing:2px;margin-top:auto;text-shadow:0 0 3vh #fff;vertical-align:middle}.header-text-normal,.header-text-quote{align-items:center;color:#fff;font-family:drenkoFont;font-size:2vh;justify-content:center;text-align:center;width:100%}.header-text-normal{height:10%;letter-spacing:1px}.header-text-new{font-family:drenkoFont;letter-spacing:1px;margin-top:3vh;text-shadow:0 0 1vw #fff}.header-text-new,.social{align-items:center;color:#fff;font-size:2vh;justify-content:center;text-align:center}.social{display:flex;height:15%;width:100%}.social-item{color:#fff;font-size:3vh;margin:1vh 2vh 0}
/*# sourceMappingURL=main.cfe8ec0b.css.map*/