.outermost-container{display:grid;margin:auto;width:95%;height:100%;background-color:#a15e17df;box-shadow:4px 4px 10px #000;border-radius:3em;padding-top:2.8em;padding-bottom:3em}.row1,.row2{margin:0;display:flex;flex-direction:row;justify-content:space-evenly;padding-right:1.3em;padding-left:1.3em}.port,.ultimate,.contact,.about{display:flex;flex-direction:row;background-color:#000;min-height:10em;max-height:12em;width:45%;height:100%;background-color:#ebc119;box-shadow:4px 4px 10px #000;border-radius:2em;margin:auto;padding-right:1.5em;padding-bottom:.5em;justify-content:flex-end;text-align:center;align-items:end;transition:.6s ease;backface-visibility:hidden}.port:hover,.ultimate:hover,.contact:hover,.about:hover{background-color:#f8e17c;transform:translate(0) scale(1.05)!important;cursor:pointer}.about{background-image:url(/assets/harrison-run2-bb2m6Kns.JPG);background-repeat:no-repeat;background-position:left;background-size:65% 112%;animation:slideInFromLeft 1.5s ease forwards}.about:hover{opacity:.7}.contact{background-image:url(/assets/harrison-run-C8Vd7o6N.JPG);background-repeat:no-repeat;background-position:left;background-size:65% 135%;animation:slideInFromLeft 1.5s ease forwards}.contact:hover{opacity:.7}.ultimate{background-image:url(/assets/lime-city-ult-logo-Cz-CDKmr.jpeg);background-repeat:no-repeat;background-position:left;background-size:65% 115%;animation:slideInFromRight 1.5s ease forwards}.ultimate:hover{opacity:.7}.port{background-image:url(/assets/island-song-BJB86_5S.png);background-repeat:no-repeat;background-position:left;background-size:65% 100%;animation:slideInFromRight 1.5s ease forwards}.port:hover{opacity:.7}h1{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:clamp(1.75rem,3vw,1.5rem);line-height:1.2;margin:1.5em 0 .4em;color:#000}h3{font-family:Times,Times New Roman,serif;font-weight:200;font-size:clamp(.5rem,3vw,1.2rem);line-height:1.2;margin:1.5em 0 .4em;color:#000}@keyframes slideInFromLeft{0%{transform:translate(-200%) scale(1)}to{transform:translate(0) scale(1)}}@keyframes slideInFromRight{0%{transform:translate(200%) scale(1)}to{transform:translate(0) scale(1)}}.header_nav{margin-top:0;display:flexbox;justify-content:space-evenly;align-items:center;width:100%;height:4.5em;background-color:#000}.header_nav ul{margin-top:0;padding:.3em;display:flex;justify-content:space-evenly;align-items:center;color:#fff;flex-direction:row;font-family:Trebuchet MS,sans-serif;font-size:2em;left:.5em}.header_nav ul a{text-decoration:none;color:#fff}.header_nav ul a:hover{color:#f6cd13;font-weight:700}.header_nav ul img{display:flex;align-self:left;margin-right:auto;margin-left:.1em;position:absolute;top:.3em;left:1.3em}.footer_nav{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;background-color:#fff!important;position:absolute}.footer_nav ul{display:flex;justify-content:space-between;color:#000;flex-direction:column;font-family:Trebuchet MS,sans-serif;font-size:1em;left:1.3em;margin:0;padding:1.3em 1.3em 1.3em 3em}.footer_nav ul a{text-decoration:none;color:#000}.footer_nav ul a:hover{color:#f6cd13;font-weight:700}.footer_nav .footer_copyright img{display:flex;margin:0;padding-right:1.3em}.footer_nav .footer_copyright p{display:flex;margin:0;padding-right:1.3em;font-family:Trebuchet MS,sans-serif;font-size:.8em}p{color:#000}.copyright_p:hover{color:#f6cd13}body{font-family:Trebuchet MS,sans-serif;font-weight:400;line-height:1.6;color:#000;background-color:#f6cd13!important}h1{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:clamp(1.75rem,3vw,1.5rem);line-height:1.2;color:#000;justify-self:center;margin:0;padding-top:.5em;padding-bottom:.5em}h2{font-size:clamp(1.75rem,3vw,1rem)!important}.about-header{display:flex;justify-items:top;flex-direction:row;margin:0;gap:0em;padding-bottom:10em;padding-top:1em;padding-left:1em}.content{padding-top:1em}.picture img{width:200px;height:225px;-o-object-fit:cover;object-fit:cover;border-radius:50%;align-self:center;justify-self:center;padding:.8em;margin:0}.pic-background{width:225px;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background-color:#000;margin-top:.8em;margin-bottom:1em;margin-left:1.3em}.button{margin-left:.5em;margin-bottom:.5em;padding:1em 2.5em;font-family:Trebuchet MS,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;color:#fff;background-color:#a15e17df;width:100%;border-radius:1em}.button:hover{background-color:#f8e17c;color:#000;cursor:pointer;transform:scale(1.07)}.button:active{transform:scale(.98)}.button.active{background-color:#dbdbdb;color:#000}.nav{margin:0;display:flex;flex-direction:column;gap:0em;padding-bottom:0}.about-container{background-color:#f8e17c;padding:1em;margin:0;width:60em;border-radius:2em}.about-card{background-color:#828282;padding:1em;margin:0;border-radius:2em;display:flex;flex-direction:row;justify-content:left;align-items:center;gap:3em}.about-card:hover{transform:scale(1.03)}.school-logo{border-radius:2em;-o-object-fit:cover;object-fit:cover}.about-content{display:flex;flex-direction:column}.portfolio-font{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:2em;line-height:1.2;margin:auto;padding-top:.8em;padding-bottom:.6em;color:#000;justify-self:center}.image{border-radius:1.5em;-o-object-fit:cover;object-fit:cover;width:35%;height:auto}.card{background-color:#a15e17df;border-radius:1.5em;padding:1em;margin-bottom:2em;box-shadow:0 4px 8px #000;width:80%;justify-self:center;align-self:center;transition:transform .2s;display:flex;flex-direction:row}.card:hover{transform:scale(1.05);background-color:#dbdbdb;cursor:pointer}.title{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:.5em 0 .4em;color:#000;padding-left:25%}.content{display:flex;flex-direction:column;padding-left:12%;padding-right:12%;margin:0}.description{font-family:Times,Times New Roman,serif;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:.5em 0;color:#000;align-self:center;visibility:hidden}.card:hover .description{visibility:visible}.links{display:flex;flex-direction:column;align-items:center;justify-content:top;height:30.5em;padding-top:.5em;padding-bottom:0;margin:0}.contact-font{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:4em;line-height:1.2;margin:auto;padding-top:.5em;padding-bottom:.2em;color:#000;justify-self:center}.row{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;gap:3em;padding-bottom:2em;padding-top:.5em;animation:fadeIn 2s ease-in forwards}.icon{border-radius:20%;display:flex;flex-direction:column;align-items:center;z-index:0!important}.icon:hover{transform:scale(1.1);cursor:pointer}.icon:hover .tooltiptext{visibility:visible!important;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tooltiptext{visibility:hidden!important;width:120%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:-3.5em;z-index:999!important}.tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}main{display:flex;flex-direction:column;align-items:center;justify-content:top;height:37em}.tai-lung{border:1em;border-color:#fff;border-style:ridge;border-radius:1em;justify-self:center}.title-logo{display:flex;justify-self:center;margin:0}.title-container{margin:0;padding:2em 1em 1.8em .7em;background-color:#6dffff!important;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:70%;justify-self:center}.creators-container-is{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;gap:2.5em;padding-bottom:.2em;padding-top:1em;justify-self:center}.creators-background-is{background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:97%;justify-self:center;padding-top:1em}.steam{margin:0;padding:1em 1em 2em;background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:50%;justify-self:center;display:flex;flex-direction:column;gap:1em}.steam h2{justify-self:center;align-self:center}.steam-logo{cursor:pointer;justify-self:center;align-self:center;animation:fadeIn 1s ease-in forwards;border-radius:2em}.steam-logo:hover{transform:scale(1.05)}.carousel-container{position:relative;max-width:700px;margin:auto;overflow:hidden;border-radius:8px;padding-top:1.5em;animation:fadeIn 1s ease-in forwards}.carousel-slide img{width:100%;height:25em;display:none;border-radius:1em}.carousel-slide .slide.active img{display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px 15px;cursor:pointer;z-index:100}.prev-btn{left:10px}.next-btn{right:10px}.carousel-dots{text-align:center;padding:10px 0}.dot{display:inline-block;height:10px;width:10px;margin:0 5px;background-color:#bbb;border-radius:50%;cursor:pointer}.dot.active{background-color:#717171}html,body,main{margin:0;transition:background-color 1s ease,color 1s ease}body{font-family:Trebuchet MS,sans-serif;font-weight:400;line-height:1.6;color:#000;background-color:#f6cd13}header{margin-left:1.3em;margin-right:1.3em}h2{justify-self:center;font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:2em;padding-bottom:.1em;margin:0}.back-button{margin-left:1.3em;margin-top:1em;padding:.5em 1em;font-family:Times,Times New Roman,serif;font-size:1.2em;background-color:#000;color:#fff;border:none;border-radius:.5em;cursor:pointer}.back-button:hover{background-color:#14213e;cursor:pointer;transform:scale(1.05)}.sb-title{display:flexbox;flex-direction:row;margin:1rem auto;margin-bottom:.3em;padding-bottom:.3em;padding-left:1.3em;padding-right:1.3em;color:#000;background-color:#14213e;width:auto;max-width:85%;border-radius:1em;box-shadow:0 4px 8px #000;animation:fadeIn 1s ease-in forwards}.sb-title h1{font-family:Trebuchet MS,sans-serif;font-weight:700;color:#fff;font-size:2em;align-self:center;justify-self:center;padding-top:1em}.sb-title img{display:flex;justify-self:center;align-self:center;padding-bottom:1em}.creators-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;gap:2.5em;padding-bottom:.2em;padding-top:1em;justify-self:center}.creators-background{background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:80%;justify-self:center;padding-top:1em}.creator-card{display:flex;flex-direction:column;justify-items:center;align-items:center;margin:0;padding:0}.name{margin-top:.5em;font-family:Times,Times New Roman,serif;font-weight:600;font-size:1.3em;color:#000}.creator-image{border-radius:2em;-o-object-fit:cover;object-fit:cover;border:.6em solid hsl(0,0%,0%)}.sb-about{margin:0;padding:1em 1em 2em;background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:80%;justify-self:center;font-family:Times,Times New Roman,serif;font-size:1.3em}.github{margin:0;padding:1em 1em 2em;background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:50%;justify-self:center;display:flex;flex-direction:column;gap:1em}.github h2{justify-self:center;align-self:center}.github-logo{cursor:pointer;justify-self:center;align-self:center;animation:fadeIn 1s ease-in forwards;border-radius:2em}.github-logo:hover{transform:scale(1.05)}table,th,td{border:2px solid black;justify-self:center;align-self:center}.tech{width:10em;font-family:Times,Times New Roman,serif;font-weight:600;font-size:1.4em;color:#000}.used{width:20em;font-family:Trebuchet MS,sans-serif;font-weight:400;font-size:1.2em;color:#000}.tech-stack{margin:0;padding:1em 1em 2em;background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:50%;justify-self:center;display:flex;flex-direction:column;gap:1em}.tech-stack h2{justify-self:center;align-self:center}.sb-link{margin:0;padding:1em 1em 2em;background-color:#dbdbdb;animation:fadeIn 1s ease-in forwards;border-radius:2em;box-shadow:0 4px 8px #000;width:50%;justify-self:center;display:flex;flex-direction:column;gap:1em}.sb-link h2{justify-self:center;align-self:center}.link-logo{cursor:pointer;justify-self:center;align-self:center;animation:fadeIn 1s ease-in forwards;border-radius:2em}.link-logo:hover{transform:scale(1.05)}