*{margin:0;padding:0;box-sizing:border-box;font-family:"Space Grotesk",serif;color:var(--font);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper{padding-top:100px;display:flex;max-width:1800px;margin:0 auto;background-color:var(--body);transition:all 100ms ease-in-out}ul{list-style:none;display:flex}h1{font-size:40px;font-weight:500}@media(max-width: 800px){h1{font-size:47.5px}}h4{font-size:15px;font-weight:300}h5{font-size:15px;font-weight:200}.icon-wrapper{width:15px;display:flex;align-items:center;justify-content:center}.icon-wrapper img{width:100%}.icon-figma-wrapper{width:13px;display:flex;align-items:center;justify-content:center}.icon-figma-wrapper img{width:100%}::-moz-selection{background:var(--mode)}::selection{background:var(--mode)}::-moz-selection{background:var(--mode)}a{font-size:15px;font-weight:400;text-decoration:none;color:inherit}.gitdark{fill:var(--font);transition:all 100ms ease-in-out}.gitlight{fill:var(--font);transition:all 100ms ease-in-out}.gitlightfirst{fill:var(--wrapper);transition:all 100ms ease-in-out}.figma-icon{transition:all 100ms ease-in-out}.mode-svg{border-radius:50%;padding:1px;cursor:pointer;transition:all 250ms ease-in-out}.mode-svg.spin{transform:rotate(180deg);transition:all 500ms ease-in-out}.mode-fill{fill:var(--mode);transition:all 100ms ease-in-out}:root{--body: white;--wrapper: #fefefe;--font: black;--navFont: #fff;--mode: #FFE599;--shadow: rgb(230, 230, 230);--gitdark: black;--gitlight: #fff}.darkmode{--body: black;--wrapper: #161616;--font: #cbcbcb;--navFont: #cbcbcb;--mode: #7C8BDC;--shadow: rgb(70, 70, 70);--gitdark: #cbcbcb;--gitlight: #cbcbcb}.nav{flex:1;padding:40px 15px 0 15px;min-width:290px}nav{display:flex;align-items:center;justify-content:space-between;position:sticky;top:40px;z-index:1;padding:0px 5px;border-radius:3px;transition:all 100ms ease-in-out;background-color:var(--font)}.contact-github-wrapper{display:flex;align-items:center;gap:25px;z-index:5}body{background-color:var(--body)}.left{flex:1;padding:40px 20px 0 20px;min-width:290px}.main{background-color:var(--wrapper);max-width:750px;padding:40px 15px 0 15px;box-shadow:1px 10px 15px 1px var(--shadow);transition:all 100ms ease-in-out}.main-h1{margin-bottom:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-intro{margin-bottom:25px;line-height:25px}.main-skills{margin-bottom:100px}.main-skills-text{margin-bottom:8px}.main-skill{width:13px;transition:all 100ms ease-in-out}.main-outro{line-height:20px;margin-bottom:50px}.main-contact-me-low-wrapper{text-align:center;margin-bottom:55px}.main-contact-me-low{background-color:var(--mode);color:var(--navFont);border-radius:3px;padding:0 5px;text-align:center;font-weight:500}.header{display:flex;justify-content:space-between;margin-bottom:50px}.header-name{font-weight:500}.header-nav{display:flex;opacity:0;gap:25px}.header-nav-left{display:flex;gap:25px}.header-contact{font-weight:500;z-index:5;color:var(--wrapper);border-radius:3px;transition:all 100ms ease-in-out;padding:1px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-contact:active{background-color:var(--mode);color:var(--wrapper)}.header-contact:hover{text-decoration:underline}.header-mobile-divide{position:relative;background-color:var(--font);height:1px;width:100%;bottom:20px;display:none}.card{margin-bottom:55px}.card-header{margin-bottom:15px;display:flex;justify-content:space-between;gap:15px}.card-header-flex{display:flex;width:100%;gap:12px;justify-content:space-between}.card-header-icons-flex{display:flex;gap:10px}.card-details{display:none;text-decoration:underline;cursor:pointer}.card-view{text-decoration:underline}.card-img-section{position:relative;display:block}.card-img-section:hover .hovered-text{opacity:1}.card-img-section:hover .card-img{opacity:.1}.card-img{box-shadow:1px 10px 15px 1px var(--shadow);border-radius:8px;transition:opacity 250ms linear}.card:last-of-type{margin-bottom:75px}.hovered-card{z-index:1;position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;align-items:center;justify-content:center}.hovered-text{max-width:500px;opacity:0;transition:opacity 250ms linear;line-height:25px}.mobile-card{background-color:var(--wrapper);z-index:1;display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;width:100%;height:100vh}.mobile-card-text{max-width:475px;padding:10px}.exit-wrapper{position:absolute;width:25px;top:25px;right:25px;transform:rotate(45deg);cursor:pointer}.exit-wrapper img{width:100%}@media(max-width: 1200px){.left{display:none}.nav{display:none}.main{margin:0 auto}.wrapper{padding:100px 100px 0 100px}.header-nav{opacity:1}}@media(max-width: 800px){.wrapper{padding:0}.tp{opacity:0}.card-details{display:block}.main{width:100%;max-width:100%}.main-contact-me-low{opacity:0}.card-img-section:hover .hovered-text{opacity:0}.card-img-section:hover .card-img{opacity:1}.header-mobile-divide{display:block}.card-header-icons-flex{display:none;gap:10px}}.contactme-inline{background-color:var(--wrapper);color:var(--font);border-radius:3px;font-weight:500}.contactme-inline:active{background-color:var(--mode);color:var(--wrapper)}.contactme-inline:hover{text-decoration:underline}.main-skills-flex{display:flex;flex-direction:row;flex-wrap:wrap;transform:translateX(-9px);row-gap:5px}.skill{display:flex;gap:10px;padding:1px 10px;justify-content:space-between}.skill-img-wrapper{width:11px}.skill-img-wrapper img{width:100%}.stack-wrapper{display:flex;justify-content:center}.stack-text{width:0px;transition:width 250ms ease-in-out;display:flex;overflow:hidden;gap:5px}li{padding:0px 5px;font-size:15px;font-weight:200}.stack-text.active{width:100px;transition:all 250ms ease-in-out}.stack-icon-wrapper{width:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.stack-icon-wrapper img{width:100%}.stack-wrapper2{display:flex;justify-content:center}.stack-text2{width:0px;transition:width 250ms ease-in-out;display:flex;overflow:hidden}.stack-text2.active{width:100px;transition:all 250ms ease-in-out}.stack-icon-wrapper2{width:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.stack-icon-wrapper2 img{width:100%}li:first-child{padding-left:15px}/*# sourceMappingURL=style.css.map */