html{overflow:scroll;overflow-x:hidden;scroll-behavior:smooth;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:0;background:transparent}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;background-color:#000;color:#fff}#root,.index,body{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{background-color:#000}.header-jumbo{padding:2rem;background-size:100%;background-color:rgba(19,17,17,0)!important}.header-text{text-align:center;margin:auto 10%;white-space:normal;font-size:3.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:3.5;line-height:1.2;color:#fff;border-radius:5px}.col{padding:20px 25px}#home-grid{display:grid;grid-gap:3rem 4rem;gap:3rem 4rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));padding-bottom:100px}.home-cards:hover{box-shadow:0 0 10px 1px rgba(255,140,140,.8);transform:scale(1.02);transition-duration:.3s,.5s;transition-property:transform,box-shadow}.grid{display:grid;grid-gap:3rem 1rem;gap:3rem 1rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));padding-bottom:100px}.MuiCardActions-root{position:absolute;bottom:0}.project-card{height:100%;position:relative}.project-card.hidden{opacity:0;transition:.3s ease-in-out}.project-card.active{opacity:1;transition:.4s ease-in-out;pointer-events:all}.MuiButton-contained{cursor:default;pointer-events:none;color:#fff!important;background-color:#000!important}.project-card:hover{transform:scale(1.02);box-shadow:0 0 20px 2px #fff;background:transparent}.wrapper{position:relative;left:50%;display:flex;align-items:center;flex-wrap:wrap;width:1px}.clickbox{margin-left:auto;margin-right:auto;height:100%;width:2500%;cursor:pointer}.clickbox,.el{position:absolute}.el{opacity:1;width:2px;height:26vh;margin-top:70vh;transform-origin:50% 100%;background:#fff}.centered-component,.left-component{transition:.2s ease-in-out}.left-component{position:relative;transform:translateX(-20vw)}.MuiCardContent-root:last-child{padding-bottom:0!important}.skill-project:hover{box-shadow:0 0 10px 1px rgba(140,255,201,.8);transform:scale(1.02);transition-duration:.3s,.5s;transition-property:transform,box-shadow}
/*# sourceMappingURL=main.104e82c9.chunk.css.map */