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}h1{position:absolute;z-index:10;font-size:45px;color:grey}h1,h2{margin:0}h2{grid-row-start:7;grid-row-end:8;grid-column-start:1;grid-column-end:5}h3{text-align:center;font-size:30px;letter-spacing:1px;margin:0 auto 20px;padding:2px 6px;background:#fbd444}h3,h4{font-weight:bolder;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000}h4{background:#d6d1cd;white-space:nowrap;letter-spacing:2px;margin:4px 4px 4px 0;box-shadow:inset 0 15px #fbd444}.github-link,h4{font-family:Roboto;padding:4px}.github-link{color:#000;background:#fbd444;font-size:20px;font-weight:700;letter-spacing:6px;text-align:center;margin:10px auto;width:100%;box-sizing:border-box;box-shadow:inset 0 16px #d6d1cd;display:flex;align-items:center;justify-content:center}p{color:#000;margin:0 0 10px}a{text-decoration:none;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.credit{margin:0;justify-content:flex-end}.credit,.credit-single{color:#000;font-size:28px;display:flex;align-items:flex-end}.credit-single{margin:50px 0}.credit-main-wrapper{display:flex;flex-direction:column;padding:0 10px;margin:auto;min-height:90vh;max-width:375px;background:#fff}.credit-a{color:#000;background:#fbd444;margin-left:5px;max-width:110px;font-weight:700}.credit-wrapper-lottie{display:flex;flex-direction:column-reverse;align-self:flex-end;margin:50px 0}.credit-wrapper-icons{margin:50px 0}.credit-wrapper-social-media{display:flex;flex-direction:column;background:#fbd444}span{font-family:Roboto;font-weight:700;color:#000}.emoji{text-align:center;font-size:65px;margin:0;opacity:.8}.active{color:#fbd444;font-weight:bolder;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header{height:100vh;background:#000;background-image:url(/static/media/headermobile.94c7be79.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.header,.header-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.header-section{height:100%;width:100%;background:rgba(0,0,0,.08)}.header-social-media{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background:#fff;height:100px;width:280px;margin:0 auto;top:5%;position:absolute}.header-img{max-width:100%}.header-button{position:absolute;bottom:0;-webkit-transition:.3s;transition:.3s;-webkit-animation:floating 1.5s ease-in-out infinite;animation:floating 1.5s ease-in-out infinite}.header-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.header-span{color:#fff;font-size:14vw;font-weight:lighter}nav{display:flex;flex-direction:column;padding:18px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#000}.nav-title{color:#fbd444;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}ul{display:flex;align-self:flex-end;margin:0;padding:0}li{list-style:none}.testing{height:82px}.main-wrapper{justify-content:space-between;min-height:90vh}.main-wrapper,.wrapper-404{display:flex;flex-direction:column;padding:0 10px;background:#fff}.wrapper-404{justify-content:flex-start;min-height:88vh}.text-404{text-align:center;font-weight:bolder;font-size:30px;letter-spacing:1px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 100px;padding:2px 6px;color:#000;background:#fbd444}.welcome-social-media{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background:#fbd444;height:100px;width:280px;margin:10px auto}.about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:30px;margin:auto;box-sizing:border-box;box-shadow:inset -10px 0 #d6d1cd,inset -20px 0 #fbd444,inset 10px 0 #fbd444,inset 20px 0 #d6d1cd}.about-me-code{background:#000;padding:10px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-me-p{margin:5px}.about-me-span{margin-left:10px}.all-tech-containers{display:grid;grid-template-columns:1fr}.tech-container{font-size:25px;width:100%;margin:20px 0 0;padding:10px;box-sizing:border-box;box-shadow:inset -10px 0 #d6d1cd,inset 0 10px #fbd444}.tech-image-container{margin-top:20px;width:100%}.tech-image{width:inherit}.project-title{font-size:35px}.card-grid{justify-content:center;grid-gap:20px 50px;gap:20px 50px;margin:auto;grid-template-columns:1fr}.card-grid,.project-view{display:grid;justify-self:center}.project-view{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);margin:36px auto 0;text-align:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.project-view:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-view:hover .layer,.project-view:hover h2{opacity:0;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.layer,.project-view img{grid-column-start:1;grid-column-end:5;grid-row-start:1;grid-row-end:5;width:100%}.layer{background:#000;opacity:.6;z-index:3;visibility:visible}.project-view h2{font-size:40px;grid-row-start:1;z-index:5;align-self:center;justify-self:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-card{margin:auto}.project-card p{grid-column-end:5;grid-column-start:1;margin:0 0 10px}.github-wrapper{display:flex}.code-button{display:none;color:#000;background:#d6d1cd;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:16px;font-weight:bolder;letter-spacing:2px;padding:4px;margin:20px auto;border:none;min-height:39px}.code-button:hover{color:#fbd444;background:#000}.tag-container{display:flex;flex-wrap:wrap}.thoughts{padding:46px 36px;display:flex;flex-direction:column}.thoughts-header{font-weight:700;margin:5px 0;font-size:17px;align-self:flex-start}.thoughts-span{font-weight:bolder;align-self:flex-start}.thoughts-container{flex-direction:row;margin:auto;align-items:center;width:80%}.thoughts-img{width:100%;align-self:center}@media (min-width:668px){h1{font-size:80px}.card-grid{grid-template-columns:1fr 1fr;justify-items:center;grid-gap:20px 50px}.header{background-image:url(/static/media/header.90472078.jpg)}.credit-main-wrapper,.main-wrapper{padding:20px 40px}.all-tech-containers{grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.tech-container{padding:20px 40px}.about-me{padding:40px}.about-me-p{width:75%}}@media (min-width:1024px){h1{font-size:14vw}.credit-main-wrapper,.main-wrapper{padding:20px 250px}.about-me-p{font-size:20px;width:50%}.code-button{display:block}.wrapper-404{display:flex;flex-direction:column;justify-content:flex-start;padding:0 10px;min-height:92vh;background:#fff}}@-webkit-keyframes floating{0%{bottom:0}50%{bottom:15px}to{bottom:0}}@keyframes floating{0%{bottom:0}50%{bottom:15px}to{bottom:0}}
/*# sourceMappingURL=main.de4e40b0.chunk.css.map */