body{
    background-color:white; 
    background-image:url(../images/background.png);
    background-repeat: round;
    overflow: hidden;
};

.logo {
	transition-duration: 1s;
	margin: 20 20px;
}

a:active{color:gray;}
a:hover{color:black;}
a:link{color:gray;}
a:visited{color:gray;}

.logo:hover {
	transform: scale(1.05);
}

.display{
    margin-left: 10%;
    margin-right: 10%;
}

.header{
    width: 100%;
    height: 16%;
    position: relative;
    align-items: center;
    text-align:center;
    top: 0px;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #202020;
    text-decoration-color: white;
    
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 3;
}

.footer{
    text-align:center;
    width:100%;
    height: 10%;
    position:relative;
    border-top: 
    1px solid black;
    text-decoration-color: white;
    z-index: 2;
}

.main{
    height: 70%;
    width:100%;
    position:relative;
    text-decoration-color: white;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.warning{
    height: 30%;
    width: 80%;
    background-color: red;
    text-align: center;
    font-size: 20px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}