/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}html{--gradient-color-1:#ecc80c;--gradient-1-2:#ecc608, #edbb00, #ed9b00, #e76000, #df340b, #dc1a13;--gradient-color-2:#db1414;--gradient-2-3:#dc081b, #de003b, #d5007a, #9e00d2, #5a1fe8, #2342e7;--gradient-color-3:#1046e6;--gradient-3-1:#0065fc, #008fe2, #00b5c6, #22cc8a, #b6cf25, #e5c902;--background-gradient:linear-gradient(to bottom right, var(--gradient-color-1), var(--gradient-1-2), var(--gradient-color-2), var(--gradient-2-3), var(--gradient-color-3), var(--gradient-3-1), var(--gradient-color-1), var(--gradient-1-2), var(--gradient-color-2));--gradient-animation:moveGradient 1s ease-in-out;--gradient-animation-position-start:0% 0%;--gradient-animation-position-end:0% 0%;--gradient-size:400% 400%;--color-offwhite:#fafafa;--color-offblack:#222;--color-darkgrey:#555;--color-lightgrey:#ddd}@keyframes moveGradient{0%{background-position:var(--gradient-animation-position-start)}to{background-position:var(--gradient-animation-position-end)}}.animate,.contact-line p.animate:after{animation:var(--gradient-animation)}.gradient-background,.contact-line p.gradient-background:after{background-position:var(--gradient-animation-position-end);background-image:var(--background-gradient);background-size:var(--gradient-size);background-attachment:fixed}body{margin:0;padding:0;overflow-x:hidden}#root{background-color:var(--color-offwhite);flex-direction:column;align-items:center;min-height:100vh;display:flex}body,h1,h2,h3,h4,h5,h6,p{font-family:Poppins,sans-serif}#section-container{flex-direction:column;align-items:center;gap:110px;padding:0 0 25px;display:flex}header{flex-direction:row;justify-content:center;align-items:center;width:1300px;height:100vh;min-height:800px;display:flex}#name-container{margin:0 50px 0 0}h1{color:var(--color-offblack);margin:0;font-size:4rem;font-weight:700}#name-container>h1 span{color:#0000;-webkit-background-clip:text;background-clip:text}#rotating-title-container{background-color:var(--color-offwhite);height:6rem;margin:0;display:inline-block;position:relative;overflow:hidden}#rotating-title-container:before,#rotating-title-container:after{content:"";z-index:1;height:.75rem;position:absolute;left:0;right:0}#rotating-title-container:before{background:linear-gradient(to top, transparent, var(--color-offwhite));top:0}#rotating-title-container:after{background:linear-gradient(to bottom, transparent, var(--color-offwhite));bottom:0}#rotating-title-container h1{white-space:nowrap;flex-direction:column;justify-content:center;height:100%;display:flex}header img{border-radius:100%;width:50%;margin:0;padding:0}section{flex-direction:column;align-items:center;gap:40px;width:1300px;display:flex}section h2{text-align:center;color:var(--color-offblack);margin:0;font-size:2.5rem}.gradient-button{text-align:center;border-radius:5px;padding:8px;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.gradient-button:after{content:"";background-color:#0000;border-radius:2px;transition:all .3s;position:absolute;inset:0}.gradient-button span{color:var(--color-offwhite);z-index:1;-webkit-background-clip:text;background-clip:text;padding:20px 50px;transition:all .3s;display:flex;position:relative}@media (hover:hover){.gradient-button:hover:after{background-color:var(--color-offwhite);margin:8px}.gradient-button:hover span{color:#0000}}.skill-section div{flex-flow:wrap;justify-content:center;gap:40px 60px;width:100%;display:flex}.skill-section div h3{color:var(--color-offwhite);border-radius:3rem;margin:0;padding:1rem 1.5rem;font-size:3.25rem}.sideBySideSectionContainer{flex-direction:row;align-items:start;display:flex}.contact-column{flex-direction:column;gap:.75rem;display:flex}.contact-information{flex-direction:row;gap:100px;display:flex}.contact-line{flex-direction:row;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;text-decoration:none;display:flex}.contact-line p{color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:2.5rem;position:relative}.contact-line svg{width:3.75rem;height:3.75rem;fill:var(--color-offwhite);shape-rendering:geometricprecision;border:none;margin:0}.contact-line p:after{content:"";width:0;height:3px;transition:width .75s;position:absolute;bottom:0;left:0}@media (hover:hover){.contact-line:hover>p:after{width:100%}}.color-change-section{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:75vh;display:flex}.color-change-section:after{background-color:var(--color-offwhite);content:"";border-radius:5px;width:1200px;height:calc(75vh - 100px);position:absolute}.color-change-section>*{z-index:1}.color-change-button-container{flex-direction:row;gap:20px;display:flex}.color-change-button{outline-offset:-10px;border:none;border-radius:100%;outline:2px solid #0000;width:75px;height:75px;transition:outline .3s,outline-offset .3s}.color-change-button-active{outline:5px solid var(--color-offwhite);outline-offset:-15px}.color-change-button:hover{cursor:pointer;outline:2px solid var(--color-offwhite)}.color-change-button.color-change-button-active:hover{cursor:default;outline:5px solid var(--color-offwhite)}#color-change-button-0{background-image:linear-gradient(to bottom right, var(--gradient-color-1), var(--gradient-1-2), var(--gradient-color-2))}#color-change-button-1{background-image:linear-gradient(to bottom right, var(--gradient-color-2), var(--gradient-2-3), var(--gradient-color-3))}#color-change-button-2{background-image:linear-gradient(to bottom right, var(--gradient-color-3), var(--gradient-3-1), var(--gradient-color-1))}footer{background-color:var(--color-lightgrey);justify-content:space-between;align-items:center;width:calc(100% - 100px);height:50px;margin:50px 0 0;padding:0 50px;display:flex}footer p{color:var(--color-darkgrey);font-weight:300;text-decoration:none;display:inline}footer p:first-child{text-align:left}footer p:last-child{text-align:right}@media only screen and (width<=1500px){header{width:1000px;min-height:650px}section{width:1000px}.color-change-section:after{width:900px}.skill-section div{gap:40px 50px}h1{font-size:3rem}.skill-section div h3{font-size:2.5rem}}@media only screen and (width<=1100px){header{flex-direction:column;width:600px;height:90vh;min-height:700px}section{width:600px;max-width:80vw}.color-change-section:after{width:500px;max-width:calc(80vw - 100px)}.sideBySideSectionContainer{flex-direction:column;gap:100px}.skill-section div{gap:30px}#name-container{flex-direction:column;align-items:center;margin:0 0 50px;display:flex}h1{text-align:center;font-size:2.5rem}#rotating-title-container{height:4rem}header img{width:75%}.skill-section div h3,h2{font-size:2rem}.contact-information{flex-direction:column;gap:.75rem}footer{width:calc(100% - 50px);padding:0 25px}footer p{font-size:.75rem}}@media only screen and (width<=600px){header{width:100vw}h2{width:80%}.contact-line{font-size:1.15rem}}@media only screen and (width<=400px){body{min-width:320px}header{min-width:320px;min-height:550px}section{width:310px}.color-change-section:after{width:210px}#cardContainer{margin:0}h1{font-size:2rem}.skill-section div{gap:20px}.skill-section div h3{font-size:2rem}h2,.card h3{font-size:1.5rem}}