* { margin: 0; padding: 0; }


body {
        font-family: 'Inter', Arial, sans-serif;
        font-size: 100%;
        text-align: left;
        height:100%;
        }
        
#logo {
        position:absolute;left:10%;top:120px;
        width:38%;
        height:auto;
        opacity:0;
        visibility:hidden;
        z-index:1;
        font-family:Inter;
        color: #4968B9;
        font-size:4em;
        transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
        }
        
#magictext {
        position:absolute;left:10%;top:240px;
        width:38%;
        height:auto;
        font-size: 1vw;
        font-weight: normal;
        font-family: 'Inter', Arial, sans-serif;
        z-index:2;
        }
        
.plaintext {
		height:1.8vw;
        font-size: 0.8vw;
        font-weight: normal;
        font-family: 'Inter', Arial, sans-serif;
        padding-left:6px;
        z-index:4;
        }
        
.whitetext {color:white;}
.redtext {color:#C5392D;}
.bluetext {color:#1F7177;}
.greytext {color:#333;}

        
#loginbox {
        position:absolute;top:300px;left:10%;
        background-color:white;
        width:calc(60% - 510px);
        padding:10px 0px 20px 10px;
        opacity:0;visibility:hidden;
        transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
        z-index:3;
        }
        
#password {
        display:none;
        }
        
.onecol_txt {
        height:1.5vw;
		width:280px;
        font-family: Inter, Arial, Sans-Serif;
        font-size: 1vw;
        color : #111;
        padding-left:5px;
        border: 1px solid #777;
        }
        
.tinybutton {
        color: #FFF;
        background-color: lightslategrey;
        font-size: 0.8vw;
        font-family: Inter, Arial, sans-serif;
        text-align: center;
        padding: 4px 8px 4px 8px;
        border: 1px solid #777;
        width:110px;
        margin-left:10px;
        line-height: 1.4vw;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        }

.tinybutton:hover {background-color:#4968B9;cursor:pointer;}

.squareicon{border: 1px solid white;}
.squareicon:hover{cursor:pointer;}