.BUILD{
    font-family: 'TERMINATOR';
    top: 20%;
    width:20%;
    margin-left:40%;
    margin-right:40%;
    text-align:center;
    position:absolute;
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: white;
    background-color: #ff0000;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
}

.BUILD:hover {background-color: #cc0000}

.BUILD:active{
    background-color: #cc0000;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}


#imageButton{

}
#imageButton:active {
    transform: translateY(4px);


}
@font-face{
    font-family: 'TERMINATOR';
    src:url('imgs/terminator.ttf');
}

.reset{
    color:white;
    background-color:black;
font-family: 'TERMINATOR';
}
body{
    margin: 0px;
}

#headCheck{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:12px;
    color:grey;
    font-family: 'TERMINATOR';
}

#bodyCheck{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:12px;
    color:grey;
    font-family: 'TERMINATOR';
}

#larmCheck{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:11px;
    color:grey;
    font-family: 'TERMINATOR';
}

#rarmCheck{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:10px;
    color:grey;
    font-family: 'TERMINATOR';
}

#legsCheck{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:12px;
    color:grey;
    font-family: 'TERMINATOR';
}

.checkDone{
    color:green;
}

div.firstPage {
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    text-align:center;
    color:white;
    font-size:40px;
    text-shadow: 1px 1px black;
}

.home { 
    background-image: url("imgs/back.jpg");
    background-repeat:no-repeat;
    background-size:100%;
    background-color: black;
}

div.partsText{
    text-align:center;
    color:white;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    text-shadow:2px 2px black;
    font-family:'TERMINATOR';
    font-size:40px;
    border:solid 5px black; 
    width:90%;
    z-index:-1; 
    background-image: url("imgs/back6.png");
}

div.content{
    text-align:center;
    position: absolute;
    top:105%;
    left:50%;
    transform: translate(-50%,-50%);
    font-family:'TERMINATOR';
    color:white;
    font-size:20px;
    text-shadow:2px 2px black;
}

div.header{
    text-align: center;
    text-shadow:2px 2px black;
    padding: 20px;
    font-size:50px;
    color:white;
    background-image: url("imgs/back7.png");
    font-family:'TERMINATOR';
}

div.right{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:20px;
    right:0;
    height:1500px;
    width:12%;
    color:white;
    position:absolute;
    font-family:'TERMINATOR';
    background-image: url("imgs/back6.png");
}

div.left{
    text-align:center;
    text-shadow: 2px 2px black;
    font-size:10px;
    height:1500px;
    width:12%;
    color:white;
    position:absolute;
    font-family:'TERMINATOR';
    background-image: url("imgs/back6.png");
}

.home2 { 
    background-image: url("imgs/back4.png");
    background-size:cover;
    background-position:50% -15%;
    background-repeat:repeat-y;
}


.home3 { 
    background-image: url("imgs/back3.jpg");
}

input[type=password]{
    margin: 20px 0;
    box-sizing: border-box;
    border: 2px solid black;
    border-radius: 4px;
    padding: 6px 20px;
    background-color: white;
}
#fixed{
position:fixed;
}
#heads{
    position: absolute;
    top:-20%;
    left:50%;
    transform: translate(-50%,-50%);
    

}

#bodys{
    position: absolute;
    top:60%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:-1

}

#larms{
    
    position: absolute;
    top:68%;
    left:-18%;
    transform: translate(-50%,-50%);
    z-index:-2;
}

#rarms{
    position: absolute;
    top:68%;
    left:118%;
    transform: translate(-50%,-50%);
    z-index:-2;

}

#legs{
    position: absolute;
    top:142%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:-3;

}

#group{
position:fixed;
}

div.refunds{
    text-align:center;
    color:white;
    position: absolute;
    top:10%;
    left:50%;
    font-size:40px;
    transform: translate(-50%,-50%);
    text-shadow:2px 2px black;
    font-family:'TERMINATOR';
}
