.nav{background:linear-gradient(to right,#1d1d1d,#343230);height:10vh;display:flex;align-items:center;justify-content:space-between;font-weight:500;color:#000;box-shadow:0 -30px 100px #ffffff4e;z-index:2;font-family:Montserrat}.logo{width:25vw;margin-left:30px}.list{color:#8a8989}.list>ul{list-style:none;display:flex;align-items:center;justify-content:space-between}.list>ul>li{padding:5px 20px;margin:3px;letter-spacing:.5px;position:relative}.list>ul>li:hover{color:#c5c5c5;cursor:pointer;transform:scale(105%);transition:all .3s}.list>ul>li:after{content:"";width:0%;height:3px;background-image:linear-gradient(to right,transparent,cyan,rgb(0,166,255),cyan,transparent);position:absolute;bottom:-10px;left:0;transition:.3s}.list>ul>li:hover:after{width:100%}.route-link{text-decoration:none;color:#8a8989}.section{position:relative;width:100%;height:90vh;margin:0;padding:0;z-index:1}.overlay{position:absolute;top:0;width:100%;height:90vh;background-color:#00000059;z-index:2}.video-container{position:relative;width:100%;height:100%;overflow:hidden}.video-clip{position:absolute;top:-1%;left:0;width:100%;height:101%;object-fit:cover}.content-container{position:absolute;top:9vh;left:5vw;width:70%;text-wrap:balance;color:#fff;margin:0;z-index:3}.container-info{display:flex;flex-direction:column}.content-info>h1{font-size:4rem;font-weight:300;line-height:74px;text-transform:uppercase}.content-button{padding:15px;text-align:start;margin-top:30px;margin-right:auto;width:12rem;border:2px solid rgb(0,166,255);background-color:transparent;font-size:13px;font-weight:500;line-height:16px;color:#fff;text-transform:uppercase}.content-button:hover{box-shadow:0 0 20px #000;background-color:orange;cursor:pointer}@media screen and (max-width: 1000px){.content-container{width:100vw}.content-info{text-align:center;width:70%;margin:auto}.content-info>h1{font-size:2.5rem;line-height:50px}.content-button{margin:40px auto;width:10rem}}.about-container{height:100vh;width:100%;background-color:#655a2b;position:relative;top:0%;left:0%;background-image:url(https://media.contentapi.ea.com/content/dam/eacom/skate/common/skate-about-section-bg-xl.jpg.adapt.320w.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom center}.about{height:100%;width:100%}.fade{position:absolute;height:100vh;width:100%;background-color:#24242459;opacity:0;z-index:2}.content{width:80vw;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1vw;margin:auto;z-index:3}.content:hover{transform:scale3d(20px,20px,20px);transition:all .2s}.about-title{width:20%;margin:-90px 0 0;min-width:20%;display:flex;font-size:4rem;color:#fff}.progress-bar{position:static;height:30px;background:#fb0;transform-origin:0%}.about-content{width:50%;font-size:20px;font-family:roboto mono,"monospace";font-weight:400;font-stretch:100%;font-size:17.28px;color:azure;margin:0}@media (min-width: 992px){.about-title{width:18%;font-size:5vw;line-height:.8;margin-bottom:0}}.front{display:flex;flex-direction:column;background-color:#000;scroll-behavior:smooth}#1{transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}.community{height:100vh;width:100%}.community-container{position:static;background-image:url(https://media.contentapi.ea.com/content/dam/eacom/skate/images/2022/06/skate-hero-medium-discord-7x2.png.adapt.crop7x2.1920w.png);height:50vh;width:100%;background-size:cover;background-position:bottom center;display:flex;align-items:center}.community-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-100px 0 10px 300px;height:100%}.community-content>h1{margin:0}.community-content>p{margin:10px 0 0;align-self:flex-start;font-size:18px}.join-btn{margin-left:-10px;margin-top:20px;font-size:16px;cursor:pointer;align-self:flex-start;height:70px;width:200px}.join-btn>button{margin:10px;padding:10px 40px;background-color:#000;border:2px solid black;text-transform:uppercase;color:#fff}.bottom-page{width:100%;height:50vh;display:flex;align-items:center;justify-content:center;background-color:#2a2a2a}.bottom-page-container{margin:0 100px 80px;width:80vw;height:30vh}.bottom-page-container>hr{width:60vw;margin-right:140px}.section-1{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.section-1-info{display:flex;flex-direction:column;justify-content:space-between;height:11vh}.logo{font-weight:600}.section-1-info>ul{width:60%;list-style:none;margin-left:-9px;display:flex;flex-direction:row;justify-content:space-between;font-weight:200}.section-1-info>ul>li{cursor:pointer}.section-1-info>ul>li:hover{color:#0ff}.section-1-social{width:20%;text-align:right;height:11vh}.section-1-social>h8{font-weight:600}.section-1-social>ul{list-style:none;display:flex;justify-content:space-between}.section-1-social>ul>li{cursor:pointer}.section-1-social>ul>li:hover{color:#0ff}.section-2{display:flex;align-items:center;justify-content:space-between;height:20vh;width:71vw}.section-2>.rating{width:258px;height:111px;background-image:url(https://media.contentapi.ea.com/content/dam/gin/images/2016/11/esrb/esrb-rating-pending.svg);background-repeat:no-repeat}.join-btn:hover{margin-left:1px;margin-top:20px;transform:scale(1.1);transition:all .5s}.purchase{background-color:#000;width:100vw;height:100vh;font-family:Teko;background-image:url(https://xxboxnews.blob.core.windows.net/prod/sites/2/2022/09/FREESTYLIN_FINAL_LANDSCAPE_1920X1080_JPG-9928423d535d3d18f841.jpg)}.purchase-container{text-transform:uppercase;height:60vh;margin:10vh 10vh 0 10vw;display:flex;justify-content:space-around}.product-info{display:flex;flex-direction:column;gap:15px;width:30vw;height:100%;margin-right:18%}.product-photo{height:20vh;width:100%;text-align:center}.product-photo>img{height:100%;box-shadow:0 2px 9px 2px #494949}.product-info-list{display:flex;flex-direction:column;justify-content:space-between;gap:15px;width:100%}.product-info-list>select{padding:5px 10px 5px 30px;font-size:24px;font-weight:700;text-transform:uppercase;width:100%;background-color:#00e5e5;box-shadow:0 4px 9px 1px #000}.product-info-list>select>option{background-color:#000;color:gray}.product-info>button{padding:15px;font-size:19px;text-transform:uppercase;background-color:#ff9100;border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 9px 1px #000}.purchase-details{width:50vw;font-family:Teko,neo-sans}.purchase-details-container{width:30vw;height:50vh;margin-right:10vw;margin-top:50px;text-align:center;background-image:url(https://www.tonyhawkthegame.com/content/dam/atvi/tony-hawk/alcatraz/common/flourishes/TextGrunge.png);background-size:100%;background-repeat:no-repeat;background-position:top center;background-position-y:-50px;padding-top:10px}.purchase-details-container>.title{color:#fff;font-size:36px;font-weight:700}.item-names{color:#fff;font-family:neo-sans;font-size:18px;font-weight:400}.product-info>button:hover{background-color:#0ff;color:#000}.product-info-list>select>option:hover{background-color:#0ff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0}