@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{font-family:Outfit,serif;margin:0;padding:0;box-sizing:border-box}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.image{align-items:right;max-height:30vh;padding-right:2vw;padding-left:2vw;padding-top:2vh;border-radius:0%}.profile-image{align-items:right;max-height:30vh;padding-right:2vw;padding-left:2vw;padding-top:2vh;border-radius:50%}.App{text-align:center;display:flex;flex-direction:column}.App-header{background-color:#282c34;min-height:10vh;display:flex;flex-direction:row;align-items:left;justify-content:space-between;vertical-align:middle}.App-footer{background-color:#282c34;min-height:10vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;vertical-align:middle;color:#fff;padding-right:2vw;padding-left:2vw}.title{font-size:5vh;color:#fff;line-height:9vh;padding-left:2vw;text-decoration:none;max-height:10vh}.coglogo{max-height:10vh}.menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;vertical-align:middle;color:#fff;padding-right:2vw;padding-left:2vw}.bodysection{background-color:#fff;min-height:90vh}.menuitem{padding:1vh;color:#fff;text-decoration:none;font-size:2.5vh}.aboutsection{background-color:#fff;min-height:90vh;margin-top:-0px;display:flex;flex-direction:column}.image{align-items:right;max-height:30vh;padding-right:2vw;padding-left:2vw;padding-top:2vh}.homeimage{padding-left:10vw;padding-right:10vw;width:80%}.playtestimage{padding-left:10vw;align-items:right;max-height:30vh;padding-right:2vw;padding-top:2vh}.sectionheader{display:flex;flex-direction:row;justify-content:space-between;align-items:bottom}.sectiontitle{font-size:3vh;color:#000;padding-left:10vw;text-decoration:none}.sectioncontent{font-size:2.5vh;color:#000;padding-left:10vw;padding-right:10vw;text-decoration:none;padding-bottom:5vh}.contentwithimage{display:flex;flex-direction:row;justify-content:space-between}.teammembersection{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10vh;align-items:center}.teammembersectionreverse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding-bottom:10vh;text-align:right;align-items:center}.teammembertitleanddescription{display:flex;flex-direction:column;justify-content:space-between;padding-left:2vw;padding-right:2vw}.contactform{display:flex;flex-direction:column;justify-content:space-between;padding-top:2vh;padding-right:2vw}.contactformsection{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2vh}.socials{display:flex;flex-direction:row;padding-top:3vh;padding-right:2vw}.socialicon{margin-right:1vw}.inputfield{padding:1vh;font-size:2vh}.submitbutton{padding:1vh;font-size:2vh;background-color:#282c34;color:#fff;border:none;cursor:pointer;border-radius:3px}.playtestform{display:flex;flex-direction:row;padding-right:2vw}@media screen and (max-width: 768px){.menuitem{font-size:1.5vh}.socialicon{margin-right:2vw}.contentwithimage{display:flex;flex-direction:column-reverse;justify-content:space-between}.image{max-height:50vh;padding-bottom:4vh}.teammembersection{display:flex;flex-direction:column-reverse;justify-content:space-between;padding-bottom:10vh;align-items:center}.teammembersectionreverse{display:flex;flex-direction:column-reverse;justify-content:space-between;padding-bottom:10vh;align-items:center;text-align:left}.playtestimage{margin-left:auto;margin-right:auto;display:block}}.IB{position:relative;width:100%;background-color:#000}.IB button{background-color:transparent;border-color:#f5f5f5;color:#f5f5f5;padding:14px 25px;font-size:1.5vw;border-radius:30px;cursor:pointer;border:0}.IB :hover .vid{opacity:.4}.IB :hover .content{opacity:1}.SNE{position:relative;width:100%;background-color:#000}.vid{transition:all .4s;width:100%;object-fit:cover;opacity:1}.steam{width:7vw}.SNE button{background-color:transparent;border-color:#f5f5f5;color:#f5f5f5;padding:14px 25px;font-size:1.5vw;border-radius:30px;cursor:pointer;border:0}.content{transition:all .4s;position:absolute;width:100%;height:100%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:0}.SNE :hover .vid{opacity:.4}.SNE :hover .content{opacity:1}.IB_desc{background-color:#000;text-align:center}.titlepic{width:50%}.IB_desc button{display:inline-block;background-color:transparent;border-color:#f5f5f5;color:#f5f5f5;padding:30px 25px;font-size:12px;border-radius:30px;cursor:pointer;border:0}.SNE_desc{background-color:#000;text-align:center}.desc{padding:30px;font-style:italic;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.titlepic{width:90%}.clown{width:20%}.SNE_desc button{display:inline-block;background-color:transparent;border-color:#f5f5f5;color:#f5f5f5;padding:30px 25px;font-size:12px;border-radius:30px;cursor:pointer;border:0}nav{width:100%;background:#000000f2;background-blend-mode:overlay;color:#fff;padding:0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:180px}.title{width:100px}.icons{width:40px}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:16px}.btn{transition:all .4s;transform:TranslateY(-20px);background-color:transparent;border-color:#f5f5f5;color:#f5f5f5;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:100}.btn-icon{transition:all .4s;background-color:transparent;cursor:pointer;border-radius:50px;border:0}.btn:hover{background-color:#fff}.btn-icon:hover{transform:scale(1.3)}.menu-icon{display:none}@media (max-width: 890px){.btn{padding:14px 22px}.logo{width:140px}nav ul li{margin:5px 15px}}@media (max-width: 800px){nav{background:#0000}nav ul{position:fixed;top:0;right:0;bottom:0;background:#000000f2;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.btn-icon{transform:translate(30px)}.title{transform:translate(-30px)}.menu-icon{display:block;width:30px;cursor:pointer}.hide-mobile-menu{right:-200px}}