@font-face
{
 font-family:'athlinkup';
 font-weight:normal;
 src:url('../cogs/athlinkup.woff') format('woff');
}
@font-face
{
 font-family:'athlinkup';
 font-weight:bold;
 src:url('../cogs/bold.woff') format('woff');
}
@font-face
{
 font-family:'icons';
 src:url('../cogs/icons.woff') format('woff');
}
*
{
 margin:0;
 padding:0;
 color:#ffffff;
 border:0;
 /*background-color:#0f7326;*/
 font-family:athlinkup,verdana,arial,helvetica,sans-serif;
}
*:focus
{
 outline:none;
}
body
{
 background-position:center;
 background-repeat:no-repeat;
 background-attachment:fixed;
}
a
{
 display:block;
 text-align:center;
 text-decoration:none;
 font-size:1.2em;
 font-weight:bold;
}
h3
{
 color:#ffc000;
 font-size:1.2em;
}
.watch
{
 display:none;
}
.athlinkup
{
 background-image:url('../img/athlinkup.svg');
 background-repeat:no-repeat;
 color:#ffc000;
 text-align:right;
 font-weight:bold;
 border-bottom:2px #ffc000 solid;
}
.nav input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
.nav input[type=checkbox]:checked ~ .mnu
{
 display:block;
}
.kil
{
 display:none;
}
.mnu ul
{
 list-style-type:none;
}
.mnu li
{
 display:inline-block;
 cursor:pointer;
}
.mnu li a
{
 font-size:12vw;
 text-decoration:none;
 cursor:pointer;
}
.foot
{
 width:100vw;
 height:6vw;
 padding-top:4vw;
 box-sizing:border-box;
 text-align:center;
}
.loading
{
 width:100vw;
 height:100vh;
 background-image:url('../img/loading.gif');
 background-repeat:no-repeat;
 background-position:center center;
}
#login .box,#join .box
{
 margin-top:20vw;
}
#teams .team
{
 display:block;
 width:84vw;
 height:8vw;
 margin:4vw auto;
 color:#000000;
 background:#ffc000;
 font-size:6vw;
 font-weight:bold;
 border:0.5vw #ffffff solid;
 border-radius:2vw;
}
.box
{
 margin-bottom:4vw;
 padding:4vw;
 border:1px #ffffff solid;
 border-radius:4vw;
 background-position:bottom;
 background-repeat:repeat-x;
 background-color:rgba(0,0,0,0.32);
}
.box .h
{
 margin-bottom:1vw;
 color:#ffc000;
 text-align:center;
}
.box .nav
{
 text-align:center;
}
.box .me
{
 width:88vw;
 margin:2vw auto;
 padding:2vw;
 border:1px #ffffff solid;
 box-sizing:border-box;
}
.box p
{
 text-align:center;
}
.news
{
 position:relative;
 height:calc(60vw * 0.8);
 margin-bottom:4vw;
}
.news h2
{
 position:absolute;
 width:calc(100%);
 height:100%;
 margin-bottom:2vw;
 padding:1vw;
 background:url('../img/news.svg');
 background-repeat:no-repeat;
 background-size:cover;
 color:#ffc000;
 border:2px #ffffff solid;
 box-sizing:border-box;
}
.news img
{
 width:100%;
 height:calc(60vw * 0.8);
}
.heds
{
 position:relative;
 margin-bottom:4vw;
 text-align:center;
}
.heds .arw
{
 position:absolute;
 width:6vw;
 height:6vw;
 margin:12vw 0;
 padding:2vw;
 background:#ffc000;
 font-size:8vw;
 font-family:icons;
 line-height:6vw;
 border:0.4vw #000000 solid;
 border-radius:8vw;
}
.hed
{
 display:inline-block;
 height:16vw;
 width:16vw;
 margin:2vw;
 background:#ffc000;
 background-size:16vw 16vw;
 background-repeat:no-repeat;
 background-position:center center;
 color:#000000;
 font-family:icons;
 font-size:12vw;
 text-align:center;
 line-height:16vw;
 border:0.5vw #ffffff solid;
 border-radius:8vw;
}
.icons
{
 display:inline-block;
 margin:2vw;
 margin-bottom:6vw;
 text-align:center;
}
.ico
{
 color:#ffc000;
 font-family:icons;
 font-size:2em;
 cursor:pointer;
}
.ic
{
 font-family:icons;
}
.hr
{
 width:88vw;
 height:4vw;
 margin:auto;
 margin-bottom:4vw;
 border-bottom:0.5vw #ffc000 solid;
}
.field
{
 width:100%;
 margin:1vw 0 2vw 0;
 background-color:rgba(0,0,0,0.2);
 border:1px #ffffff solid;
 border-radius:1.6vw;
}
.txt
{
 width:98%;
 padding:1vw;
 color:#ffffff;
 background-color:transparent;
 font-size:1.4em;
}
.btn
{
 float:right;
 padding:1vw 4vw;
 background:#ffc000;
 color:#000000;
/* border:2px #ffc000 solid;*/
 border-radius:6px;
 font-size:1.4em;
 font-weight:bold;
}
.left
{
 float:left;
}
.rite
{
 float:right;
}
.clr
{
 clear:both;
}