@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&family=Saira:wght@500;600&display=swap);.headerContainer{align-items:center;background-color:var(--background-color-1);border-radius:70px;display:flex;height:3.7vw;justify-content:space-between;margin:1.5vw auto;max-width:80vw;padding:0 .4vw 0 2vw;position:relative;width:100%;z-index:1}.logoImage{filter:invert(100%) brightness(100%);height:85%;object-fit:contain}.logoImage:hover{filter:invert(100%) sepia(100%) saturate(10000%) hue-rotate(-45deg) brightness(100%)}.flexHeader{align-items:center;display:flex;height:100%;padding:0 1.5vw;transition:color .3s ease}.flexHeader a{color:var(--text-color-1);font-family:var(--text-font-family);font-size:var(--text-font-size);padding:0 .7vw;text-decoration:none;transition:color .3s ease}.flexHeader a:hover{color:orange;cursor:pointer}.flexHeader1{height:100%;margin-left:0;margin-right:auto;padding-left:.3vw}.flexHeader1,.flexHeader5{align-items:center;display:flex}.flexHeader5{background-color:var(--background-color-2);border-radius:70px;height:85%;justify-content:center;padding:0 1.5vw;transition:background-color .3s ease}.flexHeader5:hover{background-color:var(--background-color-3);cursor:pointer}.flexHeader5:hover a{color:var(--text-color-3)!important}@media (min-width:320px) and (max-width:800px){.headerContainer{height:12.7vw}.logoImage{height:55%;padding-left:5vw}.headerContainer{gap:1.8vw}.flexHeader a{color:var(--text-color-1);font-family:var(--text-font-family);font-size:2.7vw;padding:0 .7vw;text-decoration:none;transition:color .3s ease}.flexHeader5{align-items:center;background-color:var(--background-color-2);border-radius:70px;display:flex;height:55%;justify-content:center;margin-right:4vw;padding:0 .8vw;transition:background-color .3s ease}}:root{--header-font-family:"Saira",sans-serif;--text-font-family:"Poppins",sans-serif;--header-font-size:9.375rem;--sub-header-font-size:6.25rem;--text-font-size:1.1vw;--header-font-weight:500;--sub-header-font-weight:500;--text-font-weight:400;--text-color-1:#fff;--text-color-2:#ff7900;--text-color-3:#1f2222;--background-color-1:#1f2222;--background-color-2:#ff7900;--background-color-3:#fff}body{background-color:#0a0b0b;overflow-x:hidden}.imageContainer{align-items:center;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;top:0;width:100%}.circle{background:linear-gradient(180deg,#2c1a63 0,#d16200 65%);border-radius:50%;filter:blur(110px);height:60vw;margin:-3% 0;opacity:.4;width:60vw;z-index:-1}.right{align-self:flex-end;margin-right:-10%}.left{align-self:flex-start;margin-left:-10%}.center{align-self:center}.firstCircle{left:20%;margin-bottom:40%;opacity:1;position:relative}.ContactMeBox{background-position:50%;background-position:center top -95vw;background-repeat:no-repeat;background-size:cover;background-size:220%;bottom:0;margin-bottom:2vw;margin-left:-2vw;padding-top:15vw;position:relative;width:104%}.ContactMeBox,.ContactMeBox .TitleBox{align-items:center;display:flex;flex-direction:column;height:auto}.ContactMeBox .TitleBox{width:50%}.ContactMeBox .TitleBox a{color:#fff;font-family:var(--header-font-family);font-size:5vw}.ContactMeBox .TitleBox .MyInformationBox{display:flex;gap:4vw;padding-top:3vw}.ContactMeBox .TitleBox .MyInformationBox .info{align-items:center;display:flex;flex-direction:column;position:relative}.ContactMeBox .TitleBox .MyInformationBox .info .imageContainer{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:7vw;justify-content:center;overflow:hidden;position:relative;width:7vw}.ContactMeBox .TitleBox .MyInformationBox .info .imageContainer:before{border-radius:50%;content:"";height:140%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140%;z-index:0}.ContactMeBox .TitleBox .MyInformationBox .info .imageContainer img{border-radius:50%;max-width:60%;object-fit:cover;position:relative;z-index:1}.ContactMeBox .TitleBox .MyInformationBox .info .titleInfo{margin-top:1.2vw}.ContactMeBox .TitleBox .MyInformationBox .info .titleInfo a{color:#fff;font-family:var(--text-font-family);font-size:.9vw;font-weight:bolder}.ContactMeBox .TitleBox .MyInformationBox .info .contentInfo{margin-top:.2vw}.ContactMeBox .TitleBox .MyInformationBox .info .contentInfo a{color:#fff;font-family:var(--text-font-family);font-size:1vw;width:auto}.ContactMeBox .ContactForm{background-color:#000000b5;border-radius:90px;display:flex;flex-direction:column;gap:3vw;margin-top:3.5vw;width:60%}.ContactMeBox .ContactForm .contact{display:flex;flex-direction:column;gap:.5vw;margin-left:5vw;margin-right:5vw}.ContactMeBox .ContactForm input,.ContactMeBox .ContactForm textarea{background-color:#5b595951;border-radius:40px;height:5vw;line-height:1;padding:.2vw 2vw}.ContactMeBox .ContactForm input::placeholder,.ContactMeBox .ContactForm textarea::placeholder{color:gray;font-size:1vw;opacity:1;vertical-align:top}.ContactMeBox .ContactForm a{color:#fff;font-family:var(--text-font-family);font-size:1.5vw;padding-left:1.5vw}.ContactMeBox .ContactForm .FullName{padding-top:5vw}.ContactMeBox .ContactForm .Message{padding-bottom:5vw}.ContactMeBox .ContactForm .Message textarea{height:20vw;padding-top:2vw}.ContactMeBox .TitleBox .MyInformationBox .info3 .imageContainer img{max-width:110%;padding-left:.4vw;padding-top:1vw;width:150vw}.ContactMeBox .TitleBox .MyInformationBox .info4 .imageContainer img{max-width:60%;width:100vw}@media (min-width:320px) and (max-width:800px){.ContactMeBox .TitleBox .MyInformationBox .info .imageContainer{height:15vw;width:15vw}.ContactMeBox .TitleBox .MyInformationBox{gap:7vw}.ContactMeBox .TitleBox .MyInformationBox .info .titleInfo a{font-size:2.5vw}.ContactMeBox .TitleBox .MyInformationBox .info .contentInfo a{font-size:1.9vw}.ContactMeBox .TitleBox .MyInformationBox .info{width:19vw}}.introductionBox{display:flex;margin-left:12.5vw;margin-right:12.5vw;margin-top:-5%;width:75vw}.introductionBox .leftSide{display:flex;flex-direction:column;margin-top:15%;width:50%}.introductionBox .leftSide .nameText a{animation:fadeIn 1s ease-in-out forwards;color:#ff7900;font-family:var(--header-font-family);font-size:5vw;line-height:1.1;opacity:0}.introductionBox .leftSide .introductionText{animation:fadeInText 1s ease-in-out 1.5s forwards;display:flex;opacity:0}.introductionBox .leftSide .introductionText hr{background-color:orange;border:none;display:inline-block;margin-right:.4vw;width:1vw}.introductionBox .leftSide .introductionText a{color:#fff;font-family:var(--text-font-family);font-size:.9vw;padding:.4vw 5vw .4vw .4vw;text-align:left}.introductionBox .rightSide{position:relative;top:3vw;width:50%}.introductionBox .rightSide img{animation:fadeInImage 1s ease-in-out .5s forwards;height:auto;max-height:100%;max-width:100%;object-fit:cover;opacity:0;width:auto}@keyframes fadeInImage{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aboutMeBox{display:flex;margin-left:12.5vw;margin-right:12.5vw;padding-top:15%}.aboutMeBox .leftSide{height:70%;position:relative;width:70%}.aboutMeBox .leftSide img{border-radius:50%;height:auto;max-height:100%;max-width:100%;object-fit:cover;opacity:.8;width:70%}.aboutMeBox .leftSide a{color:#fff;font-family:var(--header-font-family);font-size:5vw;line-height:1;position:absolute;right:20%}.aboutMeBox .leftSide .arrow{color:#fff;font-size:5vw;position:absolute;right:-38%;top:5%;width:50%}.aboutMeBox .rightSide{display:flex;flex-direction:column;margin-left:-15%;margin-top:10%;width:50%}.aboutMeBox .rightSide .child{color:#fff;display:flex;font-family:var(--text-font-family);font-size:1.06vw;height:auto;justify-content:flex-start;margin-top:.7vw;width:auto}.aboutMeBox .rightSide .child span:first-child{font-family:var(--text-font-family);font-weight:bolder;padding-right:1vw;text-align:left;width:20%}.aboutMeBox .rightSide .child span:last-child{text-align:left;width:70%}.aboutMeBox .rightSide .child1 span:last-child{padding-bottom:5%;width:90%}.cv{align-items:center;background-color:#ff7900;border-radius:44px;color:#fff;display:flex;font-family:var(--text-font-family);font-size:1vw;height:2vw;justify-content:center;margin-left:1vw;margin-top:3vw;padding:2%;text-align:center;text-decoration:none;transition:background-color .3s ease;width:10vw;z-index:99}.cv:hover{background-color:var(--background-color-3);color:var(--text-color-3)!important;cursor:pointer}.mySkillsBox{display:flex;flex-direction:column;margin:auto;padding-top:15%;width:60%}.mySkillsBox .headerSkills{align-items:center;display:flex;justify-content:space-between;margin-bottom:4vw;width:100%}.mySkillsBox .headerSkills a{color:#fff;font-family:var(--header-font-family);font-size:5vw}.mySkillsBox .headerSkills img{height:auto;width:30vw}.mySkillsBox .allSkills{grid-column-gap:5vw;display:grid;grid-template-columns:1fr 1fr;width:100%}.mySkillsBox .child{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-family:var(--text-font-family);font-size:1.5vw;height:2vw;justify-content:flex-start;padding-bottom:3vw;position:relative}.mySkillsBox .child .percentageText a{align-self:flex-end;font-family:var(--text-font-family);position:absolute;right:0;top:-.05vw}.mySkillsBox .child hr{background-color:#000;width:100%}.mySkillsBox .child .progress,.mySkillsBox .child hr{border:none;border-radius:.25vw;height:.5vw;margin-top:.8vw;position:absolute;top:1.6vw}.mySkillsBox .child .progress{background-color:orange;width:90%}.mySkillsBox .child1 .progress{width:85%}.mySkillsBox .child2 .progress{width:80%}.mySkillsBox .child3 .progress{width:65%}.mySkillsBox .child4 .progress{width:80%}.mySkillsBox .child5 .progress{width:85%}.mySkillsBox .child6 .progress{width:70%}.mySkillsBox .child7 .progress{width:65%}.mySkillsBox .child8 .progress{width:70%}.ShowcaseBox{margin-left:25%;margin-top:15%;position:relative;width:50%}.ShowcaseBox .arrow{left:-3vw;position:absolute;top:43vw;transform:rotate(-90deg);width:45%}.ShowcaseBox .header{left:29%;position:relative}.ShowcaseBox .header a{color:#fff;font-family:var(--header-font-family);font-size:5vw}.ShowcaseBox .GamesBox{display:flex;flex-direction:column;height:auto;margin-top:1vw;width:30%}.ShowcaseBox .GamesBox .game{cursor:pointer;height:30vw;margin-top:10vw;position:relative;width:auto}.ShowcaseBox .GamesBox .game img{border-radius:4%;max-height:100%;max-width:100%;object-fit:cover;opacity:.7;outline:4px solid #000}.ShowcaseBox .GamesBox .game a{color:#fff;font-family:var(--header-font-family);font-size:4vw;font-weight:bolder;margin-left:-8%;position:absolute;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top:0;width:40vw}.ShowcaseBox .GamesBox .gameRight{margin-left:auto}.ShowcaseBox .GamesBox .gameRight img{border-radius:4%;max-height:100%;max-width:100%;object-fit:cover;z-index:0}.ShowcaseBox .GamesBox .gameRight a{color:#fff;font-family:var(--header-font-family);font-size:4vw;font-weight:bolder;margin-left:-18%;position:absolute;text-align:left;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;top:0;width:30vw;z-index:1}.ShowcaseBox .GamesBox .game1{margin-top:2vw}.ShowcaseBox .GamesBox .game2 a{width:30vw}.ShowcaseBox .GamesBox .game4 img{width:50vw}.ShowcaseBox .GamesBox .game1 img,.ShowcaseBox .GamesBox .game3 img{width:30vw}.CommentsBox{display:flex;flex-direction:column;height:auto;margin-left:15%;margin-top:15vw;padding-bottom:1vw;padding-top:1vw;position:relative;width:70%}.CommentsBox .blur{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#ffffff0d 0,#ffffff03 50%,#ffffff0d);border-radius:25px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.CommentsBox .Arrows{display:flex;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%}.CommentsBox .Arrows .leftArrow{left:0;margin-left:2vw;position:absolute;top:50%;transform:translateY(-50%)}.CommentsBox .Arrows .rightArrow{margin-right:2vw;position:absolute;right:0;top:50%;transform:translateY(-50%);transform:scaleX(-1)}.CommentsBox .Arrows img{height:2vw;object-fit:cover}.CommentsBox .header .headerLogo{align-items:center;background-color:#ffffff10;border:1px solid #ffffff1a;border-radius:50px;display:flex;height:2vw;justify-content:center;margin-left:31vw;margin-right:auto;text-align:center;width:8vw}.CommentsBox .header .headerLogo a{color:#ff7900;font-family:var(--text-font-family);font-size:.9vw;font-weight:700}.CommentsBox .header .text a{color:#fff;display:flex;font-family:var(--header-font-family);font-size:5vw;justify-content:center}.CommentsBox .header .image{display:flex;justify-content:center;padding-bottom:1vw;padding-left:1.6vw;padding-top:1vw}.CommentsBox .header .image img{max-height:5%;max-width:5%;object-fit:cover;width:5%}.CommentsBox .comment{color:#fff;display:flex;flex-direction:column;font-size:1vw;padding-left:12.6vw;padding-right:10vw}.CommentsBox .comment .commentName{display:flex;font-size:1.2vw;font-weight:bolder;justify-content:center;padding-top:2vw}.CommentsBox .comment .commentPosition{display:flex;font-size:.7vw;justify-content:center;padding-top:.2vw}.projectListBox{display:flex;flex-wrap:wrap;gap:1.5vw;height:auto;margin-left:9.7vw;margin-top:-5vw;width:80vw}.projectListBox .project{background-color:#000;border-radius:10px;flex-basis:calc(33.333% - 1.2vw);height:22vw}.projectListBox .project a{color:#fff;font-family:var(--header-font-family);font-size:1.5vw;font-weight:bolder;left:-100%;opacity:0;position:relative;transition:opacity .3s ease,left .2s ease;visibility:hidden}.projectListBox .project .image{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.projectListBox .project .image img{border-radius:10px;height:100%;object-fit:covernp;transition:opacity .2s ease;width:100%}.projectListBox .project .image .imageText{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:50%;margin:.4vw;padding-right:1vw;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.projectListBox .project .image .imageText .description{padding-left:1vw;padding-right:1vw}.projectListBox .project .image .imageText .description a{font-size:1vw;font-weight:200}.projectListBox .project:hover .image img{cursor:pointer;opacity:.4}.projectListBox .project:hover a{left:0;opacity:1;transition-delay:.2s;visibility:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:320px) and (max-width:800px){.projectListBox{align-items:center;flex-direction:column;gap:10vw;padding-top:15vw}.projectListBox .project{height:auto;width:67vw}.projectListBox .project a{background-color:#000;font-size:3vw;left:0;opacity:1;outline:.5vw solid #000;transition-delay:.2s;visibility:visible}.projectListBox .project .image .imageText .description a{background-color:#000;font-size:3vw;font-weight:200;outline:.5vw solid #000}}.pageContent{display:flex;flex-direction:column;gap:15vw;padding-top:4vw}.GameNameBox{align-items:center;display:flex;height:auto;margin-left:9.5vw;width:81vw}.GameNameBox .Left{display:flex;flex-direction:column;padding-right:2vw;width:80%}.GameNameBox .Left a{color:#fff;font-family:var(--header-font-family);font-size:1.1vw;line-height:2}.GameNameBox .Left .child1{padding-bottom:1.2vw}.GameNameBox .Left .child1 a{font-size:4vw;line-height:1.2}.GameNameBox .Left .child5{align-items:center;background-color:#ff7900;border-radius:44px;color:#fff;display:flex;font-family:var(--text-font-family);font-size:1vw;font-weight:bolder;height:2vw;justify-content:center;margin-left:.05vw;margin-top:1.3vw;padding:2%;text-align:center;width:10vw}.GameNameBox .Left .child6 a{font-size:.9vw}.GameNameBox .Right img{border-radius:8%;max-width:43vw;object-fit:cover}.GameNameBox .Right{text-align:right}.ProjectGoalBox{display:flex;height:auto;margin-left:9.5vw;position:relative;width:81vw}.ProjectGoalBox .arrow{position:absolute;right:12vw;top:2%}.ProjectGoalBox .arrow img{max-width:13vw;object-fit:cover}.ProjectGoalBox .Left{align-items:center;display:flex;justify-self:center;text-align:left}.ProjectGoalBox .Left img{border-radius:8%;max-width:34vw;object-fit:cover}.ProjectGoalBox .Right{display:flex;flex-direction:column;padding-left:2vw;padding-right:8vw;width:100%}.ProjectGoalBox .Right a{color:#fff;font-family:var(--header-font-family);font-size:1.1vw;line-height:2}.ProjectGoalBox .Right .child2{padding-bottom:1.2vw}.ProjectGoalBox .Right .child1 a{font-size:3vw;line-height:1.2}.ProjectGoalBox .Right .child4{background-color:#ff7900;border-radius:44px;color:#fff;font-family:var(--text-font-family);font-size:1vw;font-weight:bolder;height:2vw;margin-left:.05vw;margin-top:1.3vw;padding:2%;width:10vw}.ProjectGoalBox .Right .child4,.videoPlayerContainer{align-items:center;display:flex;justify-content:center;text-align:center}.videoPlayerContainer{border-radius:30px;flex-direction:column;margin:0 auto;position:relative;width:80vw}.videoPlayerContainer a{color:#fff;font-family:var(--header-font-family);font-size:3vw;font-weight:bolder;line-height:1.2;padding-bottom:1vw}.videoPlayerContainer iframe{border-radius:18px;box-shadow:0 2vw 4vw #0003;height:35vw;padding-top:2vw;width:70vw}.WhatLearnedBox{display:flex;height:auto;margin-left:9.5vw;position:relative;width:81vw}.WhatLearnedBox .arrow{position:absolute;right:12vw;top:2%}.WhatLearnedBox .arrow img{max-width:13vw;object-fit:cover;transform:scaleX(-1)}.WhatLearnedBox .Left{text-align:left}.WhatLearnedBox .Left img{border-radius:8%;max-width:34vw;object-fit:cover}.WhatLearnedBox .Right{display:flex;flex-direction:column;justify-content:center;padding-left:2vw;padding-right:8vw;width:100%}.WhatLearnedBox .Right a{color:#fff;font-family:var(--header-font-family);font-size:1.1vw;line-height:2}.WhatLearnedBox .Right .child a{font-family:var(--text-font-family);font-weight:100}.WhatLearnedBox .Right .child1{padding-bottom:1.2vw}.WhatLearnedBox .Right .child1 a{font-family:var(--header-font-family);font-size:3vw;font-weight:bolder;line-height:1.2}.WhatLearnedBox .Right .child3{align-items:center;background-color:#ff7900;border-radius:44px;color:#fff;display:flex;font-family:var(--text-font-family);font-size:1vw;font-weight:bolder;height:2vw;justify-content:center;margin-left:.05vw;margin-top:1.3vw;padding:2%;text-align:center;width:15vw}.ChallengeBox{align-items:center;display:flex;flex-direction:column;height:auto;margin-left:12.5vw;width:75vw}.ChallengeBox .title a{color:#fff;font-family:var(--header-font-family);font-size:3vw}.ChallengeBox .subTitle{padding-left:25%;padding-right:25%;text-align:center}.ChallengeBox .subTitle a{color:#fff;font-family:var(--text-font-family);font-size:.8vw}.ChallengeBox .devlogs{display:flex;flex-direction:column;gap:2vw;margin-top:6vw;width:100%}.ChallengeBox .devlogs a{color:#fff;font-family:var(--text-font-family);font-size:2vw}.ChallengeBox .devlog{background-color:#ff7900;border-bottom:2vw solid #ff7900;border-radius:80px;border-top:2vw solid #ff7900;position:relative;text-align:center;transition:background-color .5s ease,border-color .5s ease}.ChallengeBox .devlog img{border-radius:8%;max-width:3vw;object-fit:cover;position:absolute;right:4%;transition:transform .5s ease}.ChallengeBox .devlog:hover{background-color:#353535;border-bottom:2vw solid #353535;border-top:2vw solid #353535}.ChallengeBox .devlog:hover img{filter:brightness(0) saturate(100%) invert(48%) sepia(70%) saturate(3660%) hue-rotate(342deg) brightness(92%) contrast(84%);transform:rotate(180deg)}.dotsContainer{display:flex;gap:1vw;justify-content:center;margin-top:1vw}.dot{background-color:#fff;border-radius:50%;cursor:pointer;height:1.2vw;transition:background-color .3s;width:1.2vw}.dot.active{background-color:#ff7900}.dot:hover{background-color:#ccc}.imagePlayer{align-items:center;border-radius:30px;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;position:relative;text-align:center;width:80vw}.imagePlayer img{border-radius:18px;box-shadow:0 2vw 4vw #0003;height:35vw;object-fit:contain;padding-top:2vw;width:70vw}@media (min-width:320px) and (max-width:800px){.GameNameBox{flex-direction:column;gap:8vw}.GameNameBox .Left{align-items:stretch;gap:2.5vw;padding:0;text-align:left;width:100%}.GameNameBox .Left .child6 a,.GameNameBox .Left a{font-size:4vw}.GameNameBox .Right img{max-width:90vw}.GameNameBox .Left .child1 a{font-size:9vw}.ProjectGoalBox{flex-direction:column-reverse;gap:8vw;margin:0;padding:0 0 0 5vw}.ProjectGoalBox .Right{align-items:stretch;gap:2.5vw;padding:0 0 0 3vw;text-align:left;width:100%}.ProjectGoalBox .Right .child6 a,.ProjectGoalBox .Right a{font-size:4vw}.ProjectGoalBox .Left img{max-width:90vw;padding:0}.ProjectGoalBox .arrow{display:none}.ProjectGoalBox .Right .child1 a{font-size:9vw;line-height:1.2}.ProjectGoalBox .Right .child2 a{font-size:4vw;line-height:1.2}.videoPlayerContainer{padding-bottom:9vw;padding-top:9vw}.videoPlayerContainer a{font-size:7vw}.videoPlayerContainer iframe{width:90vw}.imagePlayer{padding-bottom:9vw;padding-top:9vw}.imagePlayer img{width:90vw}.imagePlayer a{font-size:7vw}.WhatLearnedBox{flex-direction:column-reverse}.WhatLearnedBox .arrow{display:none}.WhatLearnedBox .Left{text-align:left}.WhatLearnedBox .Left img{max-width:81vw}.WhatLearnedBox .Right{padding-left:0}.WhatLearnedBox .Right a{font-size:4vw}.WhatLearnedBox .Right .child a{font-family:var(--text-font-family);font-weight:100}.WhatLearnedBox .Right .child1{padding-bottom:2.5vw;padding-top:4vw}.WhatLearnedBox .Right .child1 a{font-size:9vw}.GameNameBox .Left .child5{font-size:2.5vw;height:5vw;width:25vw}.dot{background-color:#fff;border-radius:50%;cursor:pointer;height:4vw;margin-top:4vw;transition:background-color .3s;width:4vw}.dotsContainer{gap:3vw}}body,html{margin:0;padding:0}.appContainer{display:flex;flex-direction:column;min-height:100vh}.pageContent{flex:1 1}
/*# sourceMappingURL=main.0d571fc7.css.map*/