*{box-sizing:border-box}body{padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}ul,ol{list-style:none}li{padding:0;margin:0}main.event-template{margin-left:25px}main.event-template h2{font-family:"Open Sans",sans-serif;font-size:20px;font-weight:400;color:rgba(255,255,255,.8)}main.event-template input{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8)}main.event-template textarea{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8);height:100px;resize:vertical}main.event-template button{background-color:#3fc7f1;font-family:"Open Sans",sans-serif;font-size:20px;font-weight:600;border:none;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin:4px 2px;cursor:pointer}div.filup{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-bottom:20px}div.filup h3{font-family:"Open Sans",sans-serif;font-size:14px;color:rgba(255,255,255,.502);font-weight:400;margin-right:5px}div.filup div.updated{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex:1}div.filup div.filter{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}div.filup div.filter button{font-family:"Open Sans",sans-serif;font-size:14px;color:rgba(255,255,255,.502);font-weight:400;margin-left:20px;background:none;border:none}div.filup div.filter button.all{color:#fff}main.games-template{margin-left:25px}main.games-template h2{font-family:"Open Sans",sans-serif;font-size:20px;font-weight:400;color:rgba(255,255,255,.8)}main.games-template input{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8)}main.games-template textarea{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8);height:100px}main.games-template button{background-color:#3fc7f1;font-family:"Open Sans",sans-serif;font-size:20px;font-weight:600;border:none;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin:4px 2px;cursor:pointer}div.topbox{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}div.box{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex:1}div.submit{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-bottom:4px}div.submit a{background-color:#3fc7f1;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:600;border:none;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin:4px 2px;cursor:pointer}ul.games{display:flex;flex-flow:row wrap;max-width:570px;padding:0;margin:auto}ul.games li{max-width:160px;margin-right:30px}ul.games li img{width:162.28px;height:216.67px;border-radius:4px;margin-bottom:2px}main.group-template{margin-left:25px}main.group-template h2{font-family:"Open Sans",sans-serif;font-size:20px;font-weight:400;color:rgba(255,255,255,.8)}main.group-template input{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8)}main.group-template textarea{margin-bottom:15px;background-color:#404040;width:100%;padding:4px 8px;box-sizing:border-box;border:2px solid #404040;border-radius:4px;color:rgba(255,255,255,.8);height:100px;resize:vertical}main.group-template button{background-color:#3fc7f1;font-family:"Open Sans",sans-serif;font-size:20px;font-weight:600;border:none;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin:4px 2px;cursor:pointer}div.head{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-bottom:5px}div.spacer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex:1}div.create{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}div.create a{background-color:#3fc7f1;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:600;border:none;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin:4px 2px;cursor:pointer}main.home-contents div.intro-img img{width:100%}main.home-contents div.intro-text{text-align:center}main.home-contents div.intro-text h1{font-family:"Open Sans",sans-serif;font-size:36px;font-weight:600;color:#fff;margin-top:30px}main.home-contents div.intro-text h2{font-family:"Open Sans",sans-serif;font-size:36px;font-weight:600;color:#fff}main.home-contents div.intro-text p{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:400;line-height:26px;max-width:800px;color:#fff;text-align:left;margin-top:25px}main.home-contents div.rectangle{width:120px;height:10px;background:#3A53A5}div.layout{display:grid;grid-template-areas:"header header header" "sidebar content announcements" "sidebar content widget";grid-template-columns:1fr 3fr 1fr;grid-template-rows:min-content min-content 1fr;column-gap:50px;padding:50px 90px;background-color:#1c1e21}div.layout div.header{grid-area:header;margin-bottom:90px}div.layout div.sidebar{grid-area:sidebar}div.layout div.content{grid-area:content}div.layout div.widget{grid-area:widget}div.layout div.announcements{grid-area:announcements}div.announcement-box{padding:25px 20px;padding-bottom:5px;background-color:#27292c;border:1px solid rgba(255,255,255,.1);border-radius:5px;max-width:500px;margin-bottom:50px;max-height:300px;overflow-y:scroll}div.announcement-box div.head{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-bottom:10px}div.announcement-box div.head div.announcement{display:flex;flex-flow:row nowrap;align-items:center}div.announcement-box div.head div.announcement div.date{background-color:#323437;height:30px;width:75px;border-radius:5px;padding-top:5px;margin-right:10px}div.announcement-box div.head div.announcement div.date h1{text-align:center;font-family:"Open Sans",sans-serif;font-size:16px;color:#fff;font-weight:700}div.announcement-box div.head div.announcement div.content h1{font-family:"Open Sans",sans-serif;font-size:18px;color:#fff;font-weight:600}div.announcement-box p{margin-bottom:20px;font-family:"Open Sans",sans-serif;font-size:16px;color:#fff;font-weight:400}div.event-card{padding:25px 20px;background-color:#27292c;border:1px solid rgba(255,255,255,.1);border-radius:5px;max-width:750px;margin-bottom:30px}div.event-card div.head{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-bottom:20px}div.event-card div.head div.event{display:flex;flex-flow:row nowrap;align-items:center}div.event-card div.head div.event div.content h1{font-family:"Open Sans",sans-serif;font-size:18px;color:#fff;font-weight:600}div.event-card div.head div.event div.content h2{font-family:"Open Sans",sans-serif;font-size:14px;color:rgba(255,255,255,.651);font-weight:400;margin-right:15px;margin-left:5px;display:inline}div.event-card div.head div.event div.content h2.games{font-family:"Open Sans",sans-serif;font-size:14px;color:#3fc7f1;font-weight:400}div.event-card div.head a{padding:12px;border:none;border-radius:5px;background-color:#7289da;font-family:"Open Sans",sans-serif;font-size:14px;color:#fff;font-weight:600;text-decoration:none}div.event-card p{font-family:"Open Sans",sans-serif;font-size:16px;color:#fff;font-weight:400}div.event-card div.date{background-color:#323437;height:69px;width:59px;border-radius:5px;padding-top:5px;margin-right:20px}div.event-card div.date h1{text-align:center;font-family:"Open Sans",sans-serif;font-size:28px;color:#fff;font-weight:700}div.event-card div.date h2{text-align:center;font-family:"Open Sans",sans-serif;font-size:16px;color:rgba(255,255,255,.651);font-weight:300}div.game-title h1{font-family:"Open Sans",sans-serif;font-style:normal;font-weight:200px;font-size:14px;line-height:19px;margin-bottom:6px;color:#fff}div.group-card{padding:25px 20px;background-color:#27292c;border:1px solid rgba(255,255,255,.1);border-radius:5px;max-width:750px;margin-bottom:30px}div.group-card div.head{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-bottom:20px}div.group-card div.head div.club{display:flex;flex-flow:row nowrap;align-items:center}div.group-card div.head div.club img{margin-right:15px}div.group-card div.head div.club div.content h1{font-family:"Open Sans",sans-serif;font-size:18px;color:#fff;font-weight:600}div.group-card div.head div.club div.content h2{font-family:"Open Sans",sans-serif;font-size:14px;color:#3fc7f1;font-weight:400}div.group-card div.head a{padding:12px;border:none;border-radius:5px;background-color:#7289da;font-family:"Open Sans",sans-serif;font-size:14px;color:#fff;font-weight:600;text-decoration:none}div.group-card p{font-family:"Open Sans",sans-serif;font-size:16px;color:#fff;font-weight:400}header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}header div.rainbow1{position:absolute;width:7.7%;height:10px;left:0px;top:0px;background:#3A53A5}header div.rainbow2{position:absolute;width:7.7%;height:10px;left:7.7%;top:0px;background:#4279BC}header div.rainbow3{position:absolute;width:7.7%;height:10px;left:15.4%;top:0px;background:#3FC7F1}header div.rainbow4{position:absolute;width:7.7%;height:10px;left:23.1%;top:0px;background:#853F98}header div.rainbow5{position:absolute;width:7.7%;height:10px;left:30.8%;top:0px;background:#B53E98}header div.rainbow6{position:absolute;width:7.7%;height:10px;left:38.5%;top:0px;background:#D24297}header div.rainbow7{position:absolute;width:7.7%;height:10px;left:46.2%;top:0px;background:#ED1C24}header div.rainbow8{position:absolute;width:7.7%;height:10px;left:53.9%;top:0px;background:#F37521}header div.rainbow9{position:absolute;width:7.7%;height:10px;left:61.6%;top:0px;background:#FCD704}header div.rainbow10{position:absolute;width:7.7%;height:10px;left:69.3%;top:0px;background:#F3EC18}header div.rainbow11{position:absolute;width:7.7%;height:10px;left:77%;top:0px;background:#6CBD47}header div.rainbow12{position:absolute;width:7.7%;height:10px;left:84.7%;top:0px;background:#98C93C}header div.rainbow13{position:absolute;width:7.7%;height:10px;left:92.3%;top:0px;background:#D4DE25}header div.logo{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex:1}header div.logo img{width:55px;height:55px;border-radius:100px;margin-right:20px}header div.logo div.logo-content h1{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;color:#fff}header div.logo div.logo-content h2{font-family:"Open Sans",sans-serif;font-size:14px;font-weight:400;color:rgba(255,255,255,.651)}header a{display:block}header a.facebook-link{width:24px;height:24px;margin-right:30px}header a.discord-link{padding:13px 16px;padding-bottom:8px;background-color:#7289da;border-radius:5px}header a.discord-link img{width:85px;height:100%}aside{border-left:3px solid white}aside a{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:400;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-bottom:50px;text-decoration:none}aside a img{margin-right:30px;margin-left:35px}