@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap);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}@font-face{font-family:jetbrainsmono;src:url(/static/media/JetBrainsMono-Regular.cbc0d83a373f6d8a2aef.ttf)}*{margin:0}.App{background-color:#000;color:#fff;font-family:Inter;min-height:100vh;overflow-x:hidden;width:100%}.main-content{height:100%;max-width:1200px;text-align:left}.main-content,h1{display:flex;flex-direction:column}h1{color:#eee;font-size:4rem;height:90%;height:100vh;justify-content:center;margin:0 0 0 2rem;max-width:60%;min-width:300px;padding:0 2rem;z-index:1}canvas{color:red;position:absolute}h5{color:#fff;display:none;font-size:1rem;margin-top:1rem}h3{color:#e879e9;font-family:jetbrainsmono;font-size:2rem;font-weight:200;margin:0 0 1rem}h3,h4{padding:0}h4{color:#8892b0;font-family:IBM Plex Sans,sans-serif;font-size:1.3rem;margin:0;max-width:80%}.projects-button{background-color:#fff;border:none;border-radius:5px;color:#000;font-family:Inter;font-weight:700;height:2.5rem;margin-top:1rem;transition:.5s;width:25%}.projects-button:hover{background-color:#e879e9;color:#fff;cursor:pointer}.project-container{background-image:url(/static/media/azol.7bb42fb860473574da6d.png);background-size:cover;border:1px solid #fff;border-radius:5px;height:30vh;margin-top:2rem;transition:.5s;width:30vw}.project-container:hover{border:1px solid #e879e9;cursor:pointer}.projects-title{margin-bottom:0}.back{left:1rem;position:absolute;top:1rem;z-index:999}.back:hover{cursor:pointer}.overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;opacity:0;position:relative;transition:.3s;width:100%}.project-container:hover .overlay{opacity:1}.github{bottom:1rem;height:30px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:30px;z-index:999}.github:hover{cursor:pointer}.foward{position:absolute;right:1rem;top:1rem}.foward:hover{cursor:pointer}@media screen and (max-width:500px){h1{font-size:1.7rem;margin:0 0 0 .5rem;max-width:90%}h3{font-size:1rem}h4{font-size:.9rem;max-width:95%}h5{display:block}}
/*# sourceMappingURL=main.0e9c2c03.css.map*/