@font-face{font-family:PlayfairDisplay;src:url(/assets/PlayfairDisplay-VariableFont_wght-Cl-XvBsO.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-DcaoeaBt.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Bangers;src:url(/assets/Bangers-Regular-1Wog9cMk.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--light-mainheaders: #1a3163;--light-subheaders: #365493;--light-body: #474b5d;--light: #e5eaf5;--dark-mainheaders: #525bff;--dark-subheaders: #4f43b9;--dark-body: #b4abdd;--dark: #1f1f2a}*{margin:0;padding:0;box-sizing:border-box;font-family:Bangers,cursive;color:#000}body{background-image:url(/assets/portfolio-background-image-BbfcCzBh.webp);background-size:cover;background-repeat:repeat;background-position-x:center}h2,h3,h4,h5,h6{color:var(--light-subheaders)}p,span{color:#000}header{text-align:center;padding:2rem 1rem 1rem}h1{font-size:2.25rem;letter-spacing:.4px;text-wrap:balance;width:fit-content;margin-bottom:1rem;margin-right:auto;margin-left:auto;padding:1rem;background-color:#fafafa;border:.5rem solid black}@media only screen and (min-width:800px){h1{font-size:3rem;border:2rem double black}}.h1-subheader{font-size:1.5rem;letter-spacing:.4px;background-color:#fafafa;width:fit-content;margin-left:auto;margin-right:auto;border:.3rem solid black;padding:.4rem}.content-tabs{padding:1rem}@media only screen and (min-width:800px){.content-tabs{padding:2.5rem}}.comic-box{min-height:15rem;min-width:17rem;margin-bottom:2rem;position:relative;overflow:visible;background-color:#fafafa;border:.5rem solid black;padding-top:1rem;padding-left:1rem}@media only screen and (min-width:800px){.comic-box{max-width:90rem;min-width:23rem;margin-right:auto;margin-left:auto}}.left-right{padding-right:1rem;padding-bottom:17rem}@media only screen and (min-width:800px){.left-right{display:flex;justify-content:space-between;padding-right:26rem;padding-bottom:0}}.comic-box:hover{box-shadow:0 0 70px #ae0ae9}.comic-me{position:absolute;bottom:0;right:0;height:17rem}@media only screen and (min-width:800px){.comic-me{height:26rem;width:auto}}h2{font-size:3rem;padding-bottom:1.5rem;letter-spacing:.4px}@media only screen and (min-width:700px){h2{font-size:4rem}}.write-up{font-size:1rem;text-wrap:pretty;line-height:1.5;letter-spacing:.4px;margin-bottom:1rem}@media only screen and (min-width:700px){.write-up{font-size:1.2rem;line-height:1.5;margin-bottom:1rem}}.comic-word{position:absolute;top:-3rem;right:-3rem;height:7rem;width:auto}@media only screen and (min-width:600px){.comic-word{top:-3rem;right:-3rem;height:12rem}}@media only screen and (min-width:800px){.comic-word{top:-4rem;right:-4rem;height:17rem}}.skills-box{padding-right:27%}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem}@media only screen and (min-width:800px){.skills{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.decreased-padding{padding-right:1rem}.resume-ul{padding-left:1rem;list-style:inside}.resume-date{color:var(--dark-subheaders)}.resume-company{font-size:1.3rem;text-decoration:underline}@media only screen and (min-width:800px){.resume-company{font-size:1.45rem}}.added-margin-border{border-bottom:black 6px dotted;margin-bottom:1rem}.resume-links-div{display:flex;justify-content:center}.resume-link{color:var(--dark-subheaders);text-decoration:none}.resume-link:hover{color:var(--light-mainheaders)}.project-name{font-size:1.3rem;text-decoration:underline}@media only screen and (min-width:800px){.project-name{font-size:1.45rem}}.project-link{color:var(--dark-subheaders);text-decoration:none}.project-link:hover{color:var(--light-mainheaders)}.contact-form{display:flex;flex-direction:column;padding-right:1rem}@media only screen and (min-width:800px){.contact-form{padding-right:21rem}}.contact-input{border:solid 4px black;padding:.5rem}.submit-button{width:fit-content;align-self:flex-end;background:none;border:none;cursor:pointer}.comic-submit{height:7rem;width:auto}.comic-submit:hover{transform:scale(1.1)}.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.success-inner-div{width:20rem;margin:1rem}@media only screen and (min-width:800px){.success-inner-div{width:53rem}}.close-button{background-color:var(--light-subheaders);color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:5px;margin-top:10px}.close-button:hover{background-color:#000}