@font-face{font-family:Garamond;src:url(../fonts/AppleGaramond.ttf)}@font-face{font-family:Garamond-Bold;src:url(../fonts/AppleGaramond-Bold.ttf)}@font-face{font-family:Short;src:url(../fonts/ShortStack-Regular.ttf)}@font-face{font-family:Pink;src:url(../fonts/PINKPANTHER.TTF)}html{scroll-behavior:smooth;width:100vw;padding-bottom:50px}body{max-width:1500px;margin:0 auto;font-family:Garamond,auto;overflow:hidden scroll}h3{margin:0;font-size:x-large}nav{align-self:start;display:flex;position:sticky;top:80px}.header{flex-wrap:wrap;flex:1;place-content:center space-between;align-self:center;align-items:center;margin:0 1%;padding-top:15px;padding-bottom:10px;display:flex}.header h3{width:254px}.header span{padding-left:2px;font-size:xx-large}.header span:hover{background:linear-gradient(45deg,#000,#000,#000,#000,#000,#000,#f4756a,#c6729e,#fff,#000,#000,#000,#000,#000) 0 0/300%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;justify-self:center;animation:3s gradient;display:inline-block;transform:translate(8px)scale(1.1)}@keyframes gradient{0%{background-position:100%}to{background-position:0 80%}}.navbar{color:#000;background-color:#333;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.nav-logos{border:2px solid #fff;width:30px}.nav-logos:hover{transform:scale(1.03)}.nav-links a{color:#000;font-size:large;text-decoration:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.hamburger .bar{background-color:#050404;width:25px;height:3px}.about{background-image:url(../patterns/pinkplaid.jpg);flex-flow:column wrap;flex:1;justify-content:center;align-self:center;width:100%;margin-top:15px;padding:50px 5%;display:flex}.about-top{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.about-left{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.about-left h1{color:#4b1a23;text-align:center;z-index:999;background-color:#c6729e;border:3px solid #4b1a23;border-radius:8px;margin:0;padding:0 4%;font-size:5em;position:absolute;bottom:1%;left:2%;transform:rotate(5deg);box-shadow:0 0 2px 2px #fff}.about-left h1:hover{transform:scale(1.02)rotate(5deg)}.about-left img{margin-bottom:10%}.about-left img:hover{transform:scale(1.01)}.about-right{text-align:center;color:#4b1a23;background-color:#f5f5f5;border:3px solid #c6729e;border-radius:10px;flex:1;min-width:300px;max-width:600px;margin-left:5%;margin-right:5%;padding-left:2%;padding-right:2%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.4}.about-right:hover{background-color:#fff}.about-right a{color:brown}.about-photo-block{width:100%;min-width:max-content;height:max-content;padding:20px 20px 60px;position:relative}.about-polaroid-stack{justify-self:center;width:450px;height:370px;position:relative}.about-left .polaroid{object-fit:cover;border:15px solid #f5f5f5;width:450px;transition:transform .25s,z-index;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000040}.about-toggle{color:#4b1a23;border:2px solid #4b1a23;border-radius:8px;margin:10px 0;padding:1% 3%}.about-toggle:hover{font-weight:700}@media (width<=600px){.about-polaroid-stack,.about-left .polaroid{width:300px;height:280px}.about-left{margin:20px 10px}}.about-bottom{flex-wrap:wrap;flex:1;gap:20px;display:flex}.fact{text-align:center;background-color:#f5f5f5;border:2px solid #4b1a23;border-radius:8px;padding:10px}.iframe-scale-wrapper{--scale:1;width:calc(850px * var(--scale));height:calc(600px * var(--scale));border:3px solid;border-radius:8px;margin:40px;position:relative;overflow:hidden;box-shadow:0 0 3px 3px #fff}.iframe-scale-wrapper iframe{transform-origin:0 0;width:850px;height:650px;transform:scale(var(--scale));background-color:#fff;border:none}.iframe-screenshot-fallback{display:none}@media (width<=900px){.iframe-scale-wrapper{--scale:.7}}@media (width<=700px){.iframe-scale-wrapper{--scale:.55}}@media (width<=600px){.mobile-hide{display:none}.iframe-screenshot-fallback{flex-direction:column;flex:1;align-items:center;gap:10px;width:90%;min-width:280px;margin:15px;display:flex}.iframe-screenshot-fallback img{border:2px solid #000;border-radius:8px;width:100%;max-width:400px}.iframe-screenshot-fallback p{text-align:center;margin:0;font-family:Short,auto;font-size:.9rem}}.taskboard{background-color:#f0f8ff;flex-flow:column wrap;flex:1;justify-content:center;margin-top:50px;padding:50px 0;display:flex;position:relative}.taskboard a{width:45px;margin:10px}.github{width:45px}.github:hover{transform:scale(1.02)}.taskboard-header{flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center;width:100%;display:flex}.taskboard-header h1{background-color:#f4756a;border:3px solid #000;border-radius:8px;min-width:max-content;margin:10px 0 20px;padding-bottom:7px;padding-left:3%;padding-right:3%;font-size:4rem;transform:rotate(-3deg);box-shadow:0 0 3px 3px #fff}.taskboard-header h1:hover{transform:scale(1.02)rotate(-3deg)}.taskboard-header p{text-align:center;flex-shrink:2;align-self:center;width:40%;min-width:300px;margin:0 3%;font-family:Short,auto;font-size:large}.taskboard-main{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.taskboard-left{flex-flow:wrap;flex:1;place-content:center;margin-bottom:20px;padding-top:20px;display:flex}.taskboard-left h3{padding:10px}.taskboard-left ul{background-color:#f7edb3;background-image:linear-gradient(90deg,#f7edb3 17%,#da2f2fb1 18%,#f7edb3 18%);border:2px solid #d7ca80;border-radius:8px;padding-left:20px}.taskboard-left ul:hover{background-image:linear-gradient(90deg,#fbf3c5 17%,#da2f2fb1 18%,#fbf3c5 18%)}.taskboard-left li{border-bottom:1px solid #9acbdb;margin-top:5%;margin-bottom:7%;padding:2%;font-family:Short,auto;font-size:medium}.stat{flex-direction:column;width:250px;margin-bottom:10px;margin-left:20px;display:flex}.buff{background-color:#f9f6e6;flex-flow:column wrap;flex:1;justify-content:center;margin-top:50px;padding-top:50px;display:flex;position:relative}.buff-label{text-align:center;width:40%;font-size:1.4rem}.buff h1{color:#fff;background-color:#000;border:3px solid #5f89d2;border-radius:8px;width:max-content;margin:0;padding-bottom:7px;padding-left:3%;padding-right:3%;font-size:4rem;transform:rotate(5deg);box-shadow:0 0 3px 3px #fff}.buff h1:hover{transform:scale(1.02)rotate(5deg)}.buff-header{flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center;width:100%;margin-bottom:30px;display:flex}.buff-main{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.buff-right{flex-flow:wrap;flex:1;place-content:center;margin-top:20px;margin-bottom:20px;padding:5px;display:flex}.buff-right li,.stat p{max-width:200px;margin-left:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:medium;line-height:1.6}.buff-right .stat{background-color:#fff;border:3px solid #000;border-radius:8px;width:100%;min-width:220px;max-width:280px;margin:15px;padding:15px}.buff-right .stat:hover{background-color:#f5f5f5}.buff-right h3{margin-bottom:7px;font-size:1.7rem}.experience{background-image:url(../patterns/stripe.png);background-size:cover;flex-direction:column;flex:1;margin-top:50px;padding:20px;display:flex}.experience h1{color:#01492e;background-color:#e0d775;border:3px solid #01492e;border-radius:8px;width:min-content;margin:0;padding-bottom:7px;padding-left:3%;padding-right:3%;font-size:4rem;box-shadow:0 0 3px 3px #fff}.experience h1:hover{transform:scale(1.02)}.job{color:#214e46;background-color:#fff;border:3px solid #01492e;border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;align-self:center;width:90%;min-width:200px;margin:40px;padding:20px;font-family:Inter,sans-serif;display:flex;box-shadow:0 0 3px 3px #fff}.job h2{margin:0;font-family:Garamond,auto;font-size:3rem;font-weight:900}.job h3{border:2px solid #556b2f;border-radius:8px;flex-wrap:wrap;align-content:space-between;margin:5px;padding:10px;font-size:1.3rem;font-weight:400;display:flex}.department{background-color:#efdaec}.company{background-color:beige}.job span{margin-right:10px;font-weight:600}.job-top{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:baseline;width:100%;display:flex}.dropdown{vertical-align:top;flex-direction:column;display:inline-flex}.dropdown-toggle{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;gap:6px;height:max-content;padding:0;font-size:1.2rem;font-weight:400;line-height:normal;display:inline-flex}.dropdown-caret{font-size:.9em;transition:transform .2s;display:inline-block}.dropdown-caret.open{transform:rotate(90deg)}.dropdown-details p{background-color:#0000;padding:10px;font-size:1rem;font-weight:400;animation:.15s fadeIn}.dropdown-list ul{margin-left:25px;list-style-type:disc}.dropdown-list li{margin-top:15px;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.job-dates{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.job-dates .hours{opacity:.75;font-size:.9rem}.job-meta{flex-wrap:wrap;display:flex}.job-body{flex-wrap:wrap;gap:30px;margin-top:10px;display:flex}.job-col{flex:1;min-width:200px}.job-col ul{list-style-type:disc}.job-col li{margin:10px 10px 10px 25px;font-size:1.2rem}.job-col h4{color:#01492e;border-bottom:2px solid #e0d775;margin-top:0;margin-bottom:8px;padding-bottom:4px;font-family:Garamond-Bold,auto;font-size:1.3rem}.tool-grid{flex-wrap:wrap;gap:12px;display:flex}.tool{text-align:center;flex-direction:column;align-items:center;width:60px;font-size:.75rem;display:flex}.tool img{object-fit:contain;width:36px;height:36px;margin-bottom:4px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{background-color:#efdaec;border:2px solid #01492e;border-radius:20px;padding:4px 12px;font-size:.85rem}.job-highlight{background-color:#faf0be;border:2px dashed #01492e;border-radius:8px;max-width:fit-content;margin-top:20px;padding:12px 16px;transform:rotate(-1deg)}.job-highlight span{font-weight:700}.education{background-image:url(../patterns/blueplaid.jpg);flex-flow:column wrap;flex:1;margin-top:50px;padding-top:150px;display:flex;position:relative}.education h1{color:#fff;background-color:#5a7cc0;border:3px solid #000;border-radius:8px;width:min-content;margin:10px;padding-left:3%;padding-right:3%;font-size:5rem;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px 3px #fff}.education h1:hover{transform:translate(-50%,-50%)scale(1.02)}.college{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:20px 10px;display:flex}.college-left{flex-flow:column wrap;flex:1;place-content:center;align-items:center;gap:20px;width:100%;margin:20px 40px;display:flex}.photo-block{width:100%;min-width:max-content;height:max-content;padding:0 20px 0 0;position:relative}.college-right{flex-direction:column;gap:20px;display:flex}.college-left h2{font-size:clamp(2rem, 8vw ,2.9rem);color:#000;z-index:999;text-align:center;background-color:#fff;border:3px solid #000;border-radius:8px;width:80%;padding:3px 3% 7px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)rotate(2deg);box-shadow:0 0 3px 3px #fff}.college-left h2:hover{transform:translate(-50%,-50%)scale(1.04)rotate(2deg)}.bold{font-family:Garamond-Bold,auto}.college-left .polaroid{object-fit:cover;border:15px solid #f5f5f5;width:450px;height:425px;transition:transform .25s,z-index;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000040}.polaroid:hover{transform:scale(1.02)}.polaroid-stack{justify-self:center;width:450px;height:450px;position:relative}.college-right{flex-flow:wrap;flex:1;place-content:space-around;display:flex}.college-stat{background-color:#ffffffe7;border:3px solid #542222;border-radius:8px;flex-flow:column;width:400px;height:max-content;margin:10px 0;padding:20px;line-height:1.6;display:flex;box-shadow:0 0 3px 3px #fff}.college-stat:hover{background-color:#fffffff5}.college-stat h3{margin-bottom:15px;font-size:1.8rem;line-height:1}.college-stat p{text-align:center;background-color:#f58e4a;border:3px solid #000;border-radius:8px;align-self:center;width:100%;margin:15px 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-shadow:0 0 3px 3px #fff}.college-stat li{margin-left:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.7}.cs,.comm{margin-left:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:large;font-weight:300}.cs:hover{letter-spacing:-1.5px;background-color:#ddf146;border-radius:8px;padding:0 5px;font-family:monospace;font-size:1.1rem;font-weight:500}.comm:hover{background-color:#a2bbed;border-radius:8px;padding:3px 5px 0;font-family:Pink,auto;font-size:20px}.course-note{margin:0 0 15px 25px;font-size:1rem}.code{border:2px solid #000;border-radius:8px;margin-right:10px;padding:0 5px}.dropdown-details p{background-color:#0000;border:none;width:100%}.course-toggle{border:2px solid #000;border-radius:8px;margin:10px 0 0;padding:3px 0}.course-toggle:hover{font-weight:700}.course-row{grid-template-columns:max-content 1fr;align-items:start;gap:0 10px;margin-bottom:10px;display:grid}.code{grid-column:1;margin-right:0;font-size:1rem}.code:hover{font-weight:500}.dropdown{display:contents}.dropdown-toggle{grid-column:2;justify-self:start}.dropdown-details{grid-column:1/-1;padding:0}@media (width<=600px){.polaroid-stack,.college-left .polaroid{width:300px;height:280px}.college-left{margin:20px 10px}.college-stat{width:100%;max-width:320px}}.contact{background-image:url(../patterns/leopard.png);background-size:cover;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:30px;margin-top:50px;padding:170px 20px 120px;display:flex;position:relative}.contact h1{background-color:#f2dda3;border:3px solid #000;border-radius:8px;width:max-content;padding:0 3%;font-size:5rem;position:absolute;top:0%;right:4%;transform:rotate(4deg);box-shadow:0 0 3px 3px #fafaef}.contact h1:hover{transform:rotate(4deg)scale(1.02)}.contact form{background-color:#ffedc7;border:3px solid #000;border-radius:8px;flex-direction:column;width:clamp(400px,45vw,600px);padding:15px;display:flex;box-shadow:0 0 3px 3px #fafaef}.contact p{margin:5px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem}.contact input,textarea{background-color:#fafaef;border:2px solid #000;border-radius:8px;margin-bottom:10px;padding:10px;font-family:Short,auto;font-size:1rem}input:focus,textarea:focus{outline:0 solid #000}.contact button{cursor:pointer;background-color:#f2dda3;border:2px solid #000;border-radius:8px;width:max-content;margin-top:5px;padding:0 3%;font-family:Garamond,auto;font-size:2rem}.contact button:hover{transform:scale(1.02)}.contact-logo{border-radius:8px;width:clamp(70px,23vw,100px);padding:5px}.contact-logo:hover{transform:translateY(-4px)}.contact-left{flex:0;justify-items:center}.contact-left h2{background-color:#7fb3af;margin:0 0 30px;transform:rotate(-1deg)}.contact-left h2:hover{transform:rotate(-1deg)scale(1.02)}.contact-right{flex-direction:column;flex:0;align-items:center;gap:20px;display:flex}.contact-right h2{background-color:#d589a4;margin:0}.contact-right h2:hover{transform:scale(1.02)}.contact h2{border:3px solid #000;border-radius:8px;width:max-content;padding:0 3%;font-size:3rem;box-shadow:0 0 3px 3px #fafaef}.contact-logos{background-color:#ffedc7;border:3px solid #000;border-radius:8px;flex:1;gap:10px;padding:10px;display:flex;box-shadow:0 0 3px 3px #fafaef}@media (width<=500px){.contact form{width:100%;min-width:0}}.credits{background-color:#ffcba0;flex-direction:column;margin-top:50px;padding:20px;display:flex}.credits h1{color:#000;background-color:#f9a370;border:3px solid #000;border-radius:8px;width:max-content;margin:20px 20px 20px 30px;padding:0 3%;font-size:5rem;transform:rotate(-3deg);box-shadow:0 0 3px 3px #fff}.credits h1:hover{transform:rotate(-3deg)scale(1.02)}.credits h2{margin:0 0 0 20px;padding:0;font-size:2rem}.credits-header{flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative}.credits-header p{text-align:center;background-color:#ffffff62;border:3px solid #000;border-radius:8px;width:14rem;margin:10px 0;padding:10px;font-size:2.5rem;transform:rotate(2deg);box-shadow:0 0 3px 3px #fff}.credits-header p:hover{transform:rotate(2deg)scale(1.02)}.row{background-color:#ffffff62;border:3px solid #f9a370;border-radius:8px;flex-wrap:nowrap;flex:1;justify-content:flex-start;gap:15px;max-width:100%;margin:20px;padding:25px;display:flex;overflow-x:auto}.wallpaper{flex-direction:column;flex:0 0 220px;align-items:center;display:flex}.row img{border:3px solid #000;border-radius:8px;width:100%;max-width:220px;margin:5px}.row img:hover{transform:translateY(-5px)}.font-card{flex-direction:column;align-items:center;width:180px;display:flex}.font-preview{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:130px;margin:5px;display:flex;position:relative;overflow:hidden}.font-preview:hover{transform:translateY(-5px)}.font-preview:before,.font-preview:after{content:"";background-color:#000;height:1px;position:absolute;left:14px;right:14px}.font-preview:before{top:43px}.font-preview:after{bottom:15px}.font-preview span{color:#1a1a1a;font-size:5.5rem;line-height:1;transform:translateY(4px)}.name{text-align:center;letter-spacing:.02em;color:#4a4a4a;margin:4px 0 0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:.75rem}.name a{color:#4a4a4a}.star{aspect-ratio:1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:#f9a370;width:80px;height:80px;position:absolute;top:85%;right:2%;transform:rotate(15deg)}.section-nav li.active>a{color:#333;font-weight:500}.section-nav{border-left:1px solid #efefef;flex:1;align-items:center;min-width:150px;height:80vh;padding-left:0;display:flex}.section-nav a{color:#ccc;padding:.125rem 0;text-decoration:none;transition:all 50ms ease-in-out;display:block}.section-nav a:hover,.section-nav a:focus{color:#666}*{box-sizing:border-box}.section-nav ol{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex}ul,ol{margin:0;padding:0;list-style:none}li{margin-left:2rem;font-size:x-large}@media (width<=1100px){.section-nav{display:none}}