body{--bg-color:#1a1a1a;--text-color:#fff;--accent-color:#00bcd4;--accent-purple:#a934e0;--gradient1:linear-gradient(to bottom right,#333,#111);--gradient2:linear-gradient(to top right,#333,#111);--gradient3:linear-gradient(to top left,rgba(51,51,51,0.8),rgba(17,17,17,0.8));--gradient4:linear-gradient(to top left,#333,#111);background-color:var(--bg-color);background-image:url(https://www.transparenttextures.com/patterns/cartographer.png);background-attachment:fixed;margin:0;color:var(--text-color);font-family:"Open Sans",sans-serif}*,:after,:before{box-sizing:border-box}.headerText-container h1,.headerText-container h3{margin:6px 0;line-height:1.2}.headerText-container h1{font-size:36px}.headerText-container h3{font-size:24px;font-weight:500;color:#99acaf}h2{font-size:28px;margin-left:50px}.title{color:#71d6e4}#header{display:flex;justify-content:center;align-items:center;padding:40px 60px;grid-gap:40px;gap:40px;border-bottom:1px solid var(--accent-color);background-image:var(--gradient1);flex-wrap:nowrap}.headshot-container{flex-shrink:0}.headerText-container{flex-grow:1;text-align:center}.links-container{flex-shrink:0}#header-links{border-radius:10px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:space-evenly}#headshot{object-fit:scale-down;display:block;border-radius:20%;width:250px;height:250px}#summary{margin:0 50px}#portfolio-header,#summary{background-image:var(--gradient2);border:1px solid var(--accent-color);border-radius:10px;padding:20px 60px;font-size:22px;font-family:"Open Sans",sans-serif}#portfolio-header{margin:0 50px 28px;color:var(--accent-color)}#portfolio{margin:0 50px;display:flex;justify-content:center;grid-gap:24px;gap:24px;flex-wrap:wrap}.project-container{border:1px solid var(--accent-color);border-radius:10px;padding:20px;margin-bottom:20px;background-image:var(--gradient4);width:400px;display:flex;flex-direction:column;transition:.3s}.project-container:hover{transform:scale(1.1);background-image:var(--gradient4)}.project-container h4{margin:0;font-size:24px;padding-bottom:16px}.project-container p{font-family:"Open Sans",sans-serif;font-size:large}.project-demo{object-fit:scale-down;max-width:350px;max-height:200px;display:block;margin:2px auto;border-radius:8px;box-shadow:0 0 12px rgba(99,213,241,.637)}.button-link{text-align:center;margin:6px 0;border:2px solid;border-radius:8px;padding:8px;text-decoration:none;font-weight:700;transition:.3s;display:inline-block}.button-link,.button-link:visited{color:var(--accent-color)}.button-link:hover{color:#041b3a;background-color:var(--accent-color)}.link{font-size:18px}.header_link{font-size:20px;width:130px}.links-wrapper{margin-top:auto;justify-items:right}.links{display:flex;justify-content:space-between;grid-gap:12px;gap:12px;color:var(--accent-color);flex-wrap:wrap}.live-button{border-color:var(--accent-purple);color:var(--accent-purple)}.live-button:hover{background-color:var(--accent-purple);color:#fff}.cv-links{display:flex;grid-gap:10px;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:space-between}.cv-link{border-color:var(--accent-purple)}.button-link.cv-link:visited,.button-link.live-button:visited,.cv-link{color:var(--accent-purple)}.button-link.cv-link:hover,.button-link.live-button:hover{background-color:var(--accent-purple);color:#fff}.tech{background-color:#333;display:inline;padding:5px 12px;border-radius:8px;border:2px solid var(--accent-color);font-size:18px;margin-right:18px;margin-bottom:9px}.tech-list{display:flex;flex-wrap:wrap;margin-bottom:20px;grid-gap:5px;gap:5px;width:100%;max-width:100%;box-sizing:border-box}.project_type{background-color:#381836;display:inline;padding:5px 12px;border-radius:8px;border:2px solid #a934e0;font-size:18px;margin-right:18px;margin-bottom:9px}.filter-group{display:flex;align-items:center;justify-content:left;grid-gap:24px;gap:24px;flex-wrap:wrap;margin-bottom:0;padding-bottom:3px}.filter-label{cursor:pointer;position:relative;font-size:20px;font-weight:600;color:var(--accent-color);line-height:1}.filter-label.filter-static{color:var(--accent-color);cursor:default}.filter-input{appearance:none;-webkit-appearance:none;position:absolute;opacity:0;pointer-events:none}.filter-text{position:relative;padding:6px 12px;transition:color .3s ease;font-size:20px}.filter-text:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.filter-label:hover .filter-text:after{width:100%}.filter-input:checked+.filter-text{color:#fff}.filter-input:checked+.filter-text:after{width:100%;background-color:#fff}@media screen and (max-width:700px){#headshot{width:100px;height:100px}h1{font-size:16px}#header{flex-direction:column;grid-gap:20px;gap:20px;padding:20px;text-align:center}.headerText-container{width:100%;align-items:center}.headshot-container,.links-container{display:flex}#header-links,.headshot-container,.links-container{justify-content:center;width:100%;align-items:center}#header-links{margin-right:0;grid-gap:12px;gap:12px;padding:0 0 14px}#header-links .button-link.header_link{display:block;width:80%;margin:0 auto}.cv-links{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:4%;gap:4%}.button-link.cv-link{width:46%!important;margin:6px auto;display:inline-block}.project-container{margin-left:auto;margin-right:auto;width:100%}#portfolio{padding:0}#portfolio,#summary,.project-demo{margin:0;width:100%}#summary{padding:16px;font-size:18px}#portfolio-header{margin:0 0 20px;padding:20px;width:100%}.filter-group{justify-content:center;flex-wrap:wrap;width:100%;grid-gap:8px;gap:8px;scrollbar-width:none}.filter-group::-webkit-scrollbar{display:none}.filter-label{white-space:nowrap}.filter-label.filter-static{display:none}.project-container:hover{transform:none}.tech-list{grid-gap:5px;gap:5px}}
/*# sourceMappingURL=main.a738ee9f.chunk.css.map */