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}:root{--bg-color:#fff;--text-color:#1f1f1f;--bg-texture:url(/static/media/paper.79918f380e082de442cf.png)}:root[data-theme=dark]{--bg-color:#1f1f1f;--text-color:#f1ecd1;--bg-texture:url(/static/media/dust-and-scratches-2.c96b6d438e3cce8f6efb.png)}html{background-color:#fff;background-color:var(--bg-color);scroll-behavior:smooth}.App{background:url(/static/media/paper.79918f380e082de442cf.png);background:var(--bg-texture);background-size:1024px}h1{color:#1f1f1f;color:var(--text-color);font-size:200px;font-weight:900;line-height:.8;margin:0;text-align:center;text-transform:uppercase}.filter-button{cursor:pointer;display:inline-block;font-weight:900;margin:0 16px}.filter-button:hover{color:grey}.skills-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:auto auto;justify-content:center}.image-container{-webkit-animation:fadeIn .5s;animation:fadeIn .5s;box-shadow:5px 5px 10px #00000015;-webkit-box-shadow:5px 5px 10px #00000015;-moz-box-shadow:5px 5px 10px #00000015;-ms-box-shadow:5px 5px 10px #00000015;-o-box-shadow:5px 5px 10px #00000015;height:250px;transition-duration:1s;width:auto;width:250px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateZ(0)}to{opacity:1;-webkit-transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateZ(0)}to{opacity:1;-webkit-transform:translateZ(0)}}.image-container:hover{cursor:zoom-in}.image-container>img{-webkit-filter:brightness(1);filter:brightness(1);transition-duration:.2s}.image-container:hover>img{-webkit-filter:brightness(.33);filter:brightness(.33);transition-duration:.5s}.image-container>h3{color:#00000000}.image-container:hover>h3{color:#fff}.overlay{align-content:center;background-color:#00000080;cursor:zoom-out;display:grid;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.overlay-img{-webkit-filter:drop-shadow(0 0 20px #000);filter:drop-shadow(0 0 20px #000000);margin:auto;max-width:500px;width:90%}.title-header{padding:150px 0}.text-line{margin-top:16px;overflow:hidden}.text-line>h1{line-height:.2;margin-top:38px;white-space:nowrap}.bottom-line{overflow:visible}.bottom-line>h1{font-size:200px;white-space:nowrap}.image-holder{padding:42px}.upScroll{bottom:16px;cursor:pointer;position:fixed;right:16px;width:32px}.gallery-buttons{margin-top:52px}.button-holder{margin:16px;text-align:center}@media screen and (max-width:1175px){.title-header{padding:150px 0 100px}.text-line{margin-top:0;overflow:hidden}.text-line>h1{font-size:100px;line-height:.2;margin-top:28px;white-space:nowrap}.bottom-line{overflow:visible}.bottom-line>h1{font-size:100px;white-space:nowrap}}@media screen and (max-width:600px){.button-holder{margin:32px;text-align:center}.skills-grid{grid-template-columns:auto auto}.gallery-buttons{margin-top:32px}.upScroll{right:8px}.filter-button{margin:4px 16px}.title-header{padding:64px 0}.text-line{margin-top:0;overflow:hidden}.text-line>h1{font-size:60px;line-height:.4;margin-top:16px;white-space:nowrap}.bottom-line{overflow:visible}.bottom-line>h1{font-size:60px;white-space:nowrap}.image-container{height:160px;width:160px}.image-holder{padding:8px}}
/*# sourceMappingURL=main.9eb0772b.css.map*/