:root
{
--color-red: #e7302b;
--color-green: #095228;
--color-gold: #ffd700;
--color-black: #000000;
--color-white: #ffffff;
--color-white-rgba: rgba(255, 255, 255, 0.3);
}

*
{
box-sizing: border-box;
}

@font-face
{
font-family: "Font1";
src: url("../fonts/Cc.ttf") format("truetype");
}

@font-face
{
font-family: "Font2";
src: url("../fonts/Mc21.ttf") format("truetype");
}

body
{
padding: 0;
margin: 0;
}

#contain
{
width: 96vw;
height: 96vh;
margin-top: 2vh;
margin-left: 2vw;
}

a:hover
{
text-decoration: none;
color: var(--color-white);
}

a:visited
{
text-decoration: none;
color: var(--color-white);
}

a:link
{
text-decoration: none;
color: var(--color-white);
}

form
{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 30vw;
height: 50vh;

}

.logForm
{
position: absolute;
left: calc((96vw - 34vw)/2);
top: calc((96vh - 74vh)/2);;
display: flex;
width: 34vw;
height: 74vh;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border: 5px solid var(--color-gold);
background-color: var(--color-red);
}

input
{
width: 80%;
}

label
{
color: var(--color-white);
font-size: 3vh;
}