body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;padding:0}#root{position:relative}#paint-on{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.App{background-color:#dcdcdc33;display:relative;height:100%;min-height:100%;padding-bottom:50px;text-align:center}.App-header{background-color:#ffffff1a;box-shadow:0 0 50px 5px #0000004d;color:#353535;font-size:calc(10px + 2vmin);height:100vh;width:100%}.App-header,.main{align-items:center;display:flex;flex-direction:column;justify-content:center}.main{gap:50px}.ignore-mouse{pointer-events:none}.clickable,button{cursor:pointer;scale:1;transition:all .2s ease-in-out}.clickable.mouse_hovering,.clickable:hover{transform:scale(1.2)}button.mouse_hovering,button:hover{scale:1.2}@keyframes hoverAnimation{0%{scale:1}to{scale:1.3}}.clickable.mouse_click,.clickable:active,button:active{animation:clickAnimation .15s}@keyframes clickAnimation{0%{filter:brightness(1)}50%{filter:brightness(.8)}to{filter:brightness(1)}}.socials>a>img{height:50px;margin:0 10px;width:50px}.interest-hover{align-items:center;background-color:hsla(0,0%,100%,.546);bottom:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(1);transition:opacity .2s ease-in-out}.interest-hover.mouse_hovering,.interest-hover:hover{cursor:pointer;opacity:1;transform:none}.project{align-items:center;display:flex;flex-direction:column;padding:100px 20vw}@media (max-width:768px){.project{padding:100px 10vw}}.splatter{border-radius:50%;opacity:0;pointer-events:none;position:absolute;transform-origin:50% 50%;transition:transform .3s ease-out,opacity 1s ease-out;z-index:-1}.error{animation:fadeOut 2s ease-out 5s forwards;background-color:red;border-radius:10px;opacity:1;padding:0 20px;transform:scale(.5);z-index:500}@keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}.how-to-hand{animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=main.f79e96c2.css.map*/