.Home{color:#fff8f5;display:flex;height:100%;overflow:auto;position:absolute;translate:var(--translate);width:100%}.Home,.Home--transition{transition:translate .6s ease-in-out}.Home--no-transition{transition:none}.Home--move{left:0;top:0;translate:0}.Home--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}.Home--move-new-area{translate:0 120%}.Home--move-new-area-skills{translate:110% 70%}.Home--move-new-area-contact{translate:100% 0}.Home__container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(min-width:620px){.Home__container{justify-content:center}}.Home__blob-container{display:flex;flex-wrap:wrap;justify-content:center}.Home__blob [class~=Section__container]{align-items:center;display:flex;height:calc(100% - 6rem);justify-content:center;padding:3rem;width:calc(100% - 6rem)}.Home__btn{margin-top:2rem}.AboutMe,.Home__btn{display:flex;justify-content:center}.AboutMe{align-items:center;color:#fff8f5;height:100%;overflow:scroll;position:absolute;translate:0 -110%;width:100%}.AboutMe,.AboutMe--transition{transition:translate .6s ease-in-out}.AboutMe--no-transition{transition:none}.AboutMe--move{left:0;top:0;translate:0}.AboutMe--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}.AboutMe--move-to-new-area{translate:110% -40%}.AboutMe--move-to-new-area-home{translate:0 -110%}.AboutMe__textContainer{margin-bottom:3rem}.AboutMe__text{min-height:80%;text-align:center;white-space:pre-line}.AboutMe__btn{display:flex;justify-content:center}.Blob,.Blob__blob{align-items:center;display:flex}.Blob__blob{background-color:#fbe8da;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:0 0 10px 10px rgba(21,10,2,.1);color:#634d40;font-size:2rem;height:40rem;justify-content:center;left:50%;margin:10px;text-decoration:none;top:50%;-webkit-transform-origin:center;transform-origin:center;transition:height .2s,width .2s ease,border-radius 6s linear;width:27rem}.Blob__blob--no-transition:hover{-webkit-animation:bounceSize 1.5s ease-in-out infinite;animation:bounceSize 1.5s ease-in-out infinite}@-webkit-keyframes bounceSize{0%,to{margin:10px;padding:0}50%{margin:0;padding:10px}}@keyframes bounceSize{0%,to{margin:10px;padding:0}50%{margin:0;padding:10px}}.Blob__blob--clickable:hover{z-index:11}.Blob__blob--clickable:hover,.Blob__blob--clickable:hover *{cursor:url(https://cdn.custom-cursor.com/db/13859/32/cute-crayfish-pointer.png),pointer!important}.Section{height:100%;overflow:auto;width:100%}.Section__container{height:calc(100% - 10rem);padding:5rem 4.5rem;position:relative;width:calc(100% - 9rem)}.Section__container--white{background-color:rgba(255,248,245,.5)}.Section__container--blue{background-color:rgba(126,168,190,.5)}.Section__container--orange{background-color:hsla(21,89%,72%,.5)}.Section__container--yellow{background-color:hsla(35,56%,67%,.5)}.Section__container--beige{background-color:hsla(25,80%,92%,.5)}.Section__container--brown{background-color:rgba(99,77,64,.5)}.Section__container--black{background-color:rgba(21,10,2,.5)}.Section__container--transparent{background-color:transparent}html{height:100%;width:100%}*{cursor:url(https://cdn.custom-cursor.com/db/13860/32/cute-crayfish-cursor.png),default}body,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbe8da;font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;width:100%}a{color:#634d40;text-decoration:none}a:hover{color:#251d18}a,a *,button:not(:disabled),button:not(:disabled) *{cursor:url(https://cdn.custom-cursor.com/db/13859/32/cute-crayfish-pointer.png),pointer;font-family:bodyFont,greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input,textarea{cursor:text}button{font-size:16px;letter-spacing:.2px}button,button *,button:disabled{font-family:bodyFont,greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button:disabled{font-size:16px;letter-spacing:.2px}button:disabled *{font-family:bodyFont,greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;width:100%}@font-face{font-family:bodyFont;src:url(/static/media/Employed.0fe9610f329c5c442d18.ttf)}@font-face{font-family:bobaFont;src:url(/static/media/BobaMilky.46ff9ab09488d9e46d97.ttf)}@font-face{font-family:greekBobaFont;src:url(/static/media/AthenaVKF.b4b8b03bbb942aefd2df.otf)}@font-face{font-family:greekBaseFont;src:url(/static/media/RegularGreek.437a0c47c311ed729148.ttf)}.Typography{margin:0;padding:0}.Typography,.Typography--bold{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bold{font-weight:700}.Typography--dtl{font-size:82px;line-height:74px}.Typography--dtl-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--dtl-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--dtm{font-size:64px;line-height:60px}.Typography--dtm-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--dtm-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--dts{font-size:48px;line-height:46px}.Typography--dts-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--dts-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--tl{font-size:32px;line-height:34px}.Typography--tl-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--tl-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--tm{font-size:28px;line-height:30px}.Typography--tm-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--tm-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--ts{font-size:24px;line-height:28px}.Typography--ts-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--ts-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Typography--bcl{font-size:16px;letter-spacing:.2px;line-height:20px}.Typography--bcl-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcl-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcm{font-size:16px;letter-spacing:.2px;line-height:20px}.Typography--bcm-en{font-family:bobaFont,bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcm-gr{font-family:greekBobaFont,bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcx{font-size:16px;letter-spacing:.2px;line-height:0}.Typography--bcx-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcx-en,.Typography--bcx-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcs{font-size:14px;letter-spacing:.4px;line-height:18px}.Typography--bcs,.Typography--bcs-en{font-family:bobaFont,bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--bcs-gr{font-family:greekBobaFont,bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--mc{font-size:12px;letter-spacing:.6px;line-height:16px}.Typography--mc,.Typography--mc-en{font-family:bodyFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Typography--mc-gr{font-family:greekBaseFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.9px}.Button{background-color:transparent;border:none;border-radius:25px;color:#fff;line-height:0;margin:10px;overflow:hidden;padding:5px;position:relative;z-index:0}.Button:disabled .Button--main{background-color:#98918d;color:#cdcdcd}.Button--spacer{border-radius:25px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;transition:background-color .5s linear;z-index:-1}.Button:not(:disabled):hover .Button--spacer:before{-webkit-animation:rotateBorder 2s linear infinite;animation:rotateBorder 2s linear infinite;background:linear-gradient(#a19936 50%,transparent 0);content:"";height:400px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:400px}.Button:not(:disabled):hover .Button--main{background-color:#7b7529}.Button--main{background-color:#a19936;border-radius:25px;padding:.5rem;transition:background-color .1s linear}@-webkit-keyframes rotateBorder{to{rotate:1turn}}@keyframes rotateBorder{to{rotate:1turn}}.lds-ellipsis{display:inline-block;height:13px;position:relative;width:80px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:13px;position:absolute;width:13px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.Skills{color:#fff8f5;height:100%;position:absolute;translate:var(--translate);width:100%}.Skills,.Skills--transition{transition:translate .6s ease-in-out}.Skills--no-transition{transition:none}.Skills--move{left:0;top:0;translate:0}.Skills--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}.Skills--move-new-area{translate:-110% -80%}.Skills__container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.Skills__blob-container{display:flex;flex-wrap:wrap;justify-content:center;overflow:auto;padding:5rem;text-align:center;text-transform:capitalize}@media(min-width:1440px){.Skills__blob-container{margin:0 auto;max-width:75%}}.Skills__blob-container [class~=Section__container]{align-items:center;display:flex;height:calc(100% - 2rem);justify-content:center;padding:1rem;width:calc(100% - 2rem)}.Skills__blob+.Skills__blob{margin:0 1.5rem 1.5rem}.Skills__small-text{font-size:20px}.Input__Element{background-color:#fbe8da;border:1px solid #97857b;border-radius:5px;box-shadow:0 0 10px 10px rgba(21,10,2,.1);min-height:2rem;padding:0 15px;width:calc(100% - 30px)}.Input__Element:focus-visible{outline:1px solid #97857b}.Input__Element--textarea{min-height:200px;padding:15px}.Input__Label{margin-bottom:.5rem}.Input__SupportText{margin-top:.5rem;position:absolute}.Input--error .Input__SupportText{color:#ac2828}.Input--error .Input__Element{border-color:#ac2828}.ContactForm{color:#fff8f5;height:100%;position:absolute;translate:var(--translate);width:100%}.ContactForm,.ContactForm--transition{transition:translate .6s ease-in-out}.ContactForm--no-transition{transition:none}.ContactForm--move{left:0;top:0;translate:0}.ContactForm--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}.ContactForm--home-position{translate:-100% 0}.ContactForm__Section{margin:auto;max-width:600px}.ContactForm__SectionContainer{display:flex;flex-direction:column;position:relative}.ContactForm__SectionContainer>:not(:first-child){margin-top:2rem}.ContactForm__Title{border-radius:10px;color:#634d40;padding:5px;text-align:center;text-shadow:0 0 1px #150a02}.ContactForm__Input{color:#634d40}.ContactForm__CloseBtn{position:absolute;right:0;top:5rem}.ContactForm__CloseBtn>:nth-child(2){padding:1rem}.ContactForm__CloseBtn:before{rotate:-45deg}.ContactForm__CloseBtn:after,.ContactForm__CloseBtn:before{background-color:#fff8f5;content:"";height:1px;left:50%;position:absolute;top:50%;translate:-50%;width:calc(100% - 30px)}.ContactForm__CloseBtn:after{rotate:45deg}.LandingPage{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards;height:100%;width:100%}.LandingPage__container{display:flex;height:100%;justify-content:center;position:relative;width:100%}.LandingPage__container,.LandingPage__container--transition{transition:translate .6s ease-in-out}.LandingPage__container--no-transition{transition:none}.LandingPage__container--move{left:0;top:0;translate:-120% -120%}.LandingPage__container--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}.LandingPage__link-container{height:30rem;text-align:center}.LandingPage__link-title-container{margin-top:3rem}.LandingPage__link-title-container--small{margin-top:1rem}.LandingPage__link-desc,.LandingPage__link-title{color:#634d40;margin-top:3rem}.LandingPage__link-clock{color:#97857b}.LandingPage__btns{margin-top:7rem}.App{overflow:hidden;position:relative}.App,.App__background{height:100%;width:100%}.App__background{display:block;left:0;object-fit:cover;object-position:center;position:absolute;scale:2.5;top:0;transition:translate .6s linear}.App__background,.App__background--transition{transition:translate .6s ease-in-out}.App__background--no-transition{transition:none}.App__background--move{left:50%;top:50%;translate:-50% -50%}.App__background--load-page{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards}@-webkit-keyframes pageLoad{0%{opacity:0}to{opacity:1}}.App__overlay{-webkit-animation:pageLoad 1s forwards;animation:pageLoad 1s forwards;animation-direction:reverse;background-color:#fbe8da;height:100%;position:absolute;width:100%;z-index:1}@keyframes pageLoad{0%{opacity:0;z-index:-1}1%{z-index:1}to{opacity:1}}
/*# sourceMappingURL=main.97c814c0.css.map*/