* button {
    cursor:pointer;
    color:#808080;
}
    
* a {
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}
    
body {
    background-color:#FFF;
    color:#808080;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:1.6em;
    margin:0;
}
    
.container {
    width:80%;
    overflow:hidden;
    margin:auto;
}
    
.header {
    padding-top:20px;
    padding-bottom:20px;
}
    
.headerImage {
    float:left;
}
    
.headerText {
    font-size:32px;
    line-height:1.5;
    float:right;
    vertical-align:middle;
    text-align:right;
    margin-top:2%;
}
    
.showcase {
    background-image:url("/images/background.png");
    background-position:center;
    min-height:300px;
    text-align:center;
    padding:5%;
    background-repeat:no-repeat;
    background-attachment:fixed;  
    background-size:cover;
}
    
.rectangle {
    width:60%;
    border-radius:10px;
    background-color:#FFF;
    margin:auto;
    padding:2% 7%;
}
    
.buttonLogin {
    width:auto;
    border-radius:10px;
    border:2px solid #87CEFA;
    text-align:center;
    font-size:26px;
    background-color:#FFF;
    margin:auto;
    padding:3%;
}
    
.accountColumn {
    float:left;
    width:33.33%;
}
    
.row:after {
    content:"";
    display:table;
    clear:both;
}
    
.accountDisplay {
    width:auto;
    font-size:small;
    border-radius:10px;
    border:2px solid #000;
    word-wrap:break-word;
    margin:6%;
}
    
.accountImage {
    width:75px;
    height:75px;
}
    
.accountJoin {
    width:auto;
    font-size:small;
    border-radius:10px;
    margin:5%;
}

.socialNotSet {
    border:2px solid #87CEFA;
}
    
.socialJoined {
    border:2px solid #008000;
}
    
.socialNotJoined {
    border:2px solid #87CEFA;
}
    
.accountUnlink:hover {
    color:#FF0000;
}
    
.spacing {
    margin:16%;
}
    
.footer {
    text-align:center;
    padding:30px;
}
    
.buttonLogin:hover,.footerLinks:hover {
    color:#87CEFA;
}
    
.accountUnlink {
    width:auto;
    font-size:small;
    border-radius:10px;
    border:2px solid #FF0000;
    margin:5%;
}
    
@media screen and (max-width: 1000px) {
    .rectangle {
        width:80%;
    }
    
    .accountColumn {
        width:100%;
    }
    
    .accountDisplay h2 {
        font-size:16px;
    }
    
    .spacing {
        margin:8%;
    }
    
    .headerText,.headerImage {
        float:none;
        text-align:center;
    }
}