html{font-size:62.5%}body,html{box-sizing:border-box}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}*{box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin_svg{margin:0 2%}a,a:hover{color:#fff}.card-container{width:90%;margin:0 auto;display:flex;justify-content:space-around}.skills-number{color:#aaa}.skills-text{width:70%;font-size:1.68rem;text-align:justify}.particle-background{background-color:#30323d;position:absolute!important;top:12.5vh;left:0;width:100%;height:100%}.about-me-text{font-size:2.4rem;text-align:center;min-height:10rem;width:30%}@media screen and (max-width:500px){.about-me-text{width:60%}}.project-card{bottom:-30rem}.slide-in{bottom:0;-webkit-animation:slide-in 1s ease;animation:slide-in 1s ease}.slide-out{bottom:-30rem;-webkit-animation:slide-out 1s forwards;animation:slide-out 1s forwards}@-webkit-keyframes slide-in{0%{bottom:-30rem}to{bottom:0}}@keyframes slide-in{0%{bottom:-30rem}to{bottom:0}}@-webkit-keyframes slide-out{0%{bottom:0}to{bottom:-30rem}}@keyframes slide-out{0%{bottom:0}to{bottom:-30rem}}.skills-icons{font-size:7rem;color:#30323d}.skills-icons:hover{color:#f9c2dc}.skills-bottom{flex-grow:1}.border-right{border-right:2px solid #000}.icon-position{position:absolute;top:-15px;left:-16px;z-index:9999999}.img-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1e-5;pointer-events:none}.img-drop,.img-input{width:27.5rem;height:25rem}.img-drop{border:2px dashed #666;border-radius:5px}.drag-active,.img-drop{position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center}.drag-active{border-radius:5px;border:2px solid #0b8630;width:27.5rem;height:25rem}.drop-text{font-size:1.4rem;text-align:center}.show-error{text-align:center;color:red}.dropzone-image{width:27.5rem;height:25rem;padding:5px}.active{text-decoration:underline!important;font-weight:700}@-webkit-keyframes slit-in-diagonal-1{0%{transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slit-in-diagonal-1{0%{transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes slit-in-diagonal-2{0%{transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translateZ(0) rotate3d(-1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slit-in-diagonal-2{0%{transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translateZ(0) rotate3d(-1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.slit-in-diagonal-1{-webkit-animation:slit-in-diagonal-1 .8s ease-out .4s both;animation:slit-in-diagonal-1 .8s ease-out .4s both}.slit-in-diagonal-2{-webkit-animation:slit-in-diagonal-2 .8s ease-out both;animation:slit-in-diagonal-2 .8s ease-out both}
/*# sourceMappingURL=main.a68a5c81.chunk.css.map */