body{

    background-image: url("..//media/background.jpg");
background-repeat: no-repeat;
background-size: cover ;
background-attachment: fixed;
background-position: center;
font-family: 'Acme', sans-serif;
}
#main{
    background-color: black;
     /* height: 50vh; */
    width: 20vw; 
    margin-left: 5%;
    display: grid;
}
#registrationForm, #logInForm{
    display: grid;
    align-content: space-around;
}
.inputFild{
 grid-template-columns: auto auto;
 height: 3vh;
 width: 60%;
 margin-left: 20%;
}
.inputText{
    text-align: center;
    align-content: center;
    color: rgb(2, 2, 2);
    font-size: 1.5vw;
}
h1{
    text-align: center;
    font-size: 7vw;
}
#save{
    color: rgb(255, 255, 255);
    border: 0ch;
    font-family: 'Acme', sans-serif;
    height: 6vh;
    border-radius: 15px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    width: 30%;
    background-color: rgb(66, 52, 71);
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 35%;
}
#save:active {
    background-color: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }
form{
    background-color: rgba(218, 67, 193, 0.474);
    width: 20%;
    border:1px solid;
    position: absolute;
    top: 10%;
    left:5%
}
p{
    text-align: center;
}
a{
    text-align: center;
}