@import url('https://fonts.googleapis.com/css?family=Arvo:400,700|Neucha');

body {
    
    height:100%;
    margin:0px; 
    background-color:teal;
    font-family:"Arvo", sans-serif;
    
}

.va {

	display:table;
	width:100%;
	height:100%;

}

.va-int {

	display:table-cell;
	vertical-align:middle;
	text-align:center;

}

.logo {
    
    max-width:100%;
    height:auto;
    
}

.loading {
    
    padding:16px;
    box-sizing:border-box;
    width:100%;
    height:100%;
    
}

h1 {
    
    font-size:26px;
    margin:0px;
    padding:0px;
    text-shadow: 0px 3px rgba(0,0,0,0.8);
    color:#FFF;
    margin-bottom:16px;
    
}

.textbox {
    
    font-family:"Neucha", sans-serif;
    border:0px;
    outline:0;
    padding:9px 15px;
    text-align:center;
    font-size:28px;
    border-radius:6px;
    width:100%;
    
}

.page {
    
    padding:16px;
    box-sizing:border-box;
    
}

.button {
    
    font-family:"Arvo", sans-serif;
    border:0px;
    outline:0;
    padding:9px 15px;
    text-align:center;
    font-size:28px;
    border-radius:6px;
    width:100%;  
    background-color:rgba(255,255,255,.8);
    margin-top:5px;
    
}

.loader {
    
    width:75px;
    height:75px;
    background-image:url(../img/loader.png);
    background-size:cover;
    margin:0px auto;
    
    animation-name:rotate;
    animation-duration:1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
}

@keyframes rotate {
    
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    
}