:root{--primary:#ff5733;--secondary:#f5f5f5;--accent:#333;--backgroundColor:#fff;--secondaryText:#737373}a,body,li,p,ul{margin:0;padding:0;text-decoration:none}li{list-style-type:none}body{background:#fff;background:var(--backgroundColor);font-family:Roboto;overflow-x:hidden}.button{background-color:#ff5733;background-color:var(--primary);border:none;box-shadow:10px 12px 13px #ff5733cc;color:#fff;cursor:pointer;display:inline-block;margin:40px 0;padding:12px 18px}.button:hover{background:#f5f5f5;background:var(--secondary);color:#222}input,textarea{border:none;border-bottom:1px solid #ff5733;border-bottom:1px solid var(--primary);border-radius:5px;border-radius:0;color:#222;padding:20px 16px;width:100%}.active{color:#ff5733;color:var(--primary)}@font-face{font-family:Roboto;src:url(/static/media/Roboto-Regular.5dd918926d41224c8142.ttf)}@font-face{font-family:Roboto Thin;src:url(/static/media/Roboto-Thin.b09e218bb83bb7003cc2.ttf)}@font-face{font-family:Roboto Bold;src:url(/static/media/Roboto-ExtraBold.52c0fd430aaca71c6c4b.ttf)}@font-face{font-family:Roboto Light;src:url(/static/media/Roboto-Light.8f977c8591803dd0978f.ttf)}h1,h2,h3,h4{font-weight:400;margin:0}a,li,p{color:#333;color:var(--accent)}h1{font-size:1.2em}h2{font-size:1em}h3{font-size:.9em}.leading,h4{font-size:.8em}.leading{color:#737373;font-family:Roboto Light}.grid{display:grid;grid-template-columns:repeat(8,1fr)}.site-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;min-width:100vw;position:fixed;text-align:center;z-index:20}.site-nav ul{grid-column:1/9;padding:20px 0}.site-nav li:first-child{grid-column:1/3;grid-row:1/2}.site-nav li:nth-child(2){grid-column:3/5;grid-row:1/2}.site-nav li:nth-child(3){grid-column:5/7;grid-row:1/2}.site-nav li:nth-child(4){grid-column:7/9;grid-row:1/2}.site-nav li{margin-inline:10px}#home{margin-inline:5px;text-align:center}.home-heading{font-weight:bolder}.profile-pic{border-radius:80%;grid-column:1/9;grid-row:1/2;height:50%;margin-inline:auto;margin-bottom:0;margin-top:80px;width:50%}#home h1{grid-column:1/9;grid-row:2/3;margin-top:10px}#home h2{grid-column:1/9;grid-row:3/4;margin-block:10px}.home-heading{color:#ff5733;color:var(--primary);font-family:Roboto Bold;font-size:2.5em}.short-intro{font-size:.8em;grid-column:1/9;grid-row:4/5;margin-inline:16px}.CTA{background-color:#0000001a;grid-row:5/6;margin-top:20px;padding-block:20px;padding-inline:30px;text-align:center}.CTA,.CTA h2{grid-column:1/9}.CTA h2{font-size:1.6em;grid-row:1/2}.CTA img{border-radius:5px;grid-column:3/7;grid-row:2/3;object-fit:contain;object-position:top;width:100%}.cta-image-wrapper{height:200px;margin-block:20px}.CTA h3{color:#ff5733;color:var(--primary);font-family:Roboto Bold;font-size:1.3em;font-weight:800}.a-button{grid-column:3/7;grid-row:6/7;margin:0 auto}.footer{background-color:#222;bottom:0;margin-top:30px;min-width:100vw;padding:10px 0}footer p{color:#f5f5f5;color:var(--secondary);font-family:Roboto Bold;font-size:1em;font-weight:600;grid-row:1/2;margin:20px 0}.social-links,footer p{grid-column:1/9;text-align:center}.social-links{grid-row:2/3}.social-links a{color:#ff5733;color:var(--primary);margin:30px auto}.social-links a:first-child{grid-column:1/3}.social-links a:nth-child(2){grid-column:3/5}.social-links a:nth-child(3){grid-column:5/7}.social-links a:nth-child(4){grid-column:7/9}#projects{text-align:center}.title{color:#222;font-family:Roboto Bold;font-size:1.8em;font-weight:900;margin-bottom:20px}#projects h2{grid-column:1/9;grid-row:1/2;margin-top:80px}.projects{grid-row:2/3}.project-card,.projects{grid-column:1/9}.wrapper{box-shadow:10px 12px 13px #00000080;margin:20px 40px;padding:20px}.recycnet{background-color:#dceef2}.jobquest{background-color:#f5f5f5}.finance-tracker{background-color:#e3f2fd}.helka{background-color:#d4edda}.dumbo{background-color:#a7c7e7}.planetbot{background-color:#ffe8cc}.shell{background-color:#dceef2}.wrapper:hover{transform:scale(1.1)}.image-wrapper{max-height:240px;overflow:hidden}.project-title{font-family:Roboto Bold;font-size:1.5em;margin-top:20px;text-align:left}.project-description{font-family:Roboto Light;font-size:small;margin-block:10px;text-align:left}.jobquest-mock{height:500px;object-fit:cover;object-position:top;overflow:hidden}.helka-mock{height:180px;object-fit:contain}.project-card-actions{display:flex;justify-content:space-between}#about{text-align:center}.about-me{grid-column:1/9;grid-row:1/2;margin-top:80px;margin-inline:auto}.about-text{grid-column:1/9;grid-row:2/3;margin-bottom:20px;padding-inline:32px}.highlights{background-color:#f5f5f5;background-color:var(--secondary);grid-column:1/9;padding-block:40px}.highlight-card{background-color:#fff;box-shadow:10px 11px 12px #00000080;grid-column:2/8;margin-block:10px;margin-block:15px;padding-inline:10px;text-align:center;vertical-align:middle}.exp{color:#ff5733;color:var(--primary);margin:20px auto}.highlight-text{font-family:Roboto Bold;font-size:1em;margin:40px auto}#about h4{grid-column:1/9;grid-row:8/9}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.skills-wrapper{grid-column:1/9;overflow:hidden;padding:60px 0;position:relative;white-space:nowrap}.skills-slide-left{animation:slideLeft 35s linear infinite;display:inline-block}.skills-slide-right{animation:slideRight 35s linear infinite;display:inline-block}.icon{display:inline-block;font-size:5em;margin:0 40px;text-shadow:0 0 3px #ff573366}.skills-wrapper:hover .skills-slide-left,.skills-wrapper:hover .skills-slide-right{animation-play-state:paused}.skills-wrapper:after,.skills-wrapper:before{content:"";height:100%;position:absolute;top:0;width:150px;z-index:2}.skills-wrapper:before{background:linear-gradient(270deg,#fff0,#fff);left:0}.skills-wrapper:after{background:linear-gradient(90deg,#fff0,#fff);right:0}.skill-title{color:#ff5733;color:var(--primary);font-family:Roboto Bold;font-size:1.3em;font-weight:700;grid-column:1/9;margin:20px 0 0}#contact{margin-inline:auto;min-height:92vh;text-align:center}.contact-me{grid-column:1/9;grid-row:1/2;margin-top:80px}.contact-intro{grid-column:1/9;grid-row:2/3;margin-inline:40px}.contact-form{grid-column:2/8;grid-row:3/4;margin-block:10px;text-align:left}.form-group{margin-block:20px}.contact-info{grid-column:1/9;grid-row:4/5;margin-bottom:10px}@media screen and (min-width:620px){.profile-pic{grid-row:1/1}.cta-image-wrapper{height:500px;margin-block:20px}}@media screen and (min-width:960px){body{font-size:18px}.grid{margin:0 auto;max-width:1060px;width:100%}#home{min-height:92vh}.profile-pic{border-radius:50%;grid-column:1/5;height:55%;margin-bottom:0;margin-top:140px;width:63%}.CTA{background-color:#fff;grid-column:5/9;grid-row:1/2;margin-top:80px}.cta-image-wrapper{height:200px;margin-block:20px}.CTA img{width:60%}.home-heading{font-size:2em}.button{grid-column:6/8;grid-row:2/3}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr)}.wrapper{margin-inline:16px;min-height:500px}.project-card:first-child{grid-column:1/5;grid-row:1/2}.project-card:nth-child(2){grid-column:5/9;grid-row:1/2}.project-card:nth-child(3){grid-column:9/13;grid-row:1/2}.project-card:nth-child(4){grid-column:1/5;grid-row:2/3}.project-card:nth-child(5){grid-column:5/9;grid-row:2/3}.project-card:nth-child(6){grid-column:9/13;grid-row:2/3}.project-card:nth-child(7){grid-column:1/5;grid-row:3/4}.highlight-card{margin-inline:10px;padding:20px}#highlight{grid-column:2/4}#highlight2{grid-column:4/6}#highlight3{grid-column:6/8}#contact p{grid-column:1/5;grid-row:2/3}.contact-form{grid-column:1/5;grid-row:3/4;margin-block:10px}.contact-info{grid-column:5/9;grid-row:2/4;margin-bottom:10px;margin-top:80px;text-align:end}#about img{border-radius:50%;grid-column:1/9;grid-row:1/2;height:70%;margin:80px auto;text-align:center;width:30%}#about h4{grid-row:6/7}.footer{margin-top:30px}}@media screen and (min-width:1200px){.footer{margin-top:30px}#about,#home{margin:0 auto}body{font-size:20px}}
/*# sourceMappingURL=main.d5d02f43.css.map*/