Padel-Tournaments-System/frontend/normal_user/logowanie/rejestracja/style.css

124 lines
2.6 KiB
CSS

@import "../../../_global/style.css";
@import "../css/register_form.css";
/*Layer 0*/
html {
background-image: url(../src/mezczyzna_padel.jpg);
background-attachment: fixed;
background-size: cover;
font-family: Montserrat, serif;
}
* {
/* border: 2px solid red; */
box-sizing: border-box;
text-align: center;
}
/*layer 1*/
.container {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
/*Layer 2*/
.form {
width: 40%;
height: 60%;
background-color: #EBEBEB;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 2%;
/*padding-top: 1%;*/
}
/*Layer 3*/
.reg_header {
height: 15%;
width: 100%;
/*padding-left: 50%;*/
/*margin-top: 0;*/
background-color: #ffffff;
}
.registerBox {
width: 50%;
height: 60%;
display: flex;
flex-direction: column;
}
.reg_footer {
height: 10%;
width: 100%;
padding-top: 2%;
text-align: center;
background-color: #ffffff;
}
/*Elements*/
.logoImg {
margin: 1% auto;
width: 20%;
}
.myButton {
/*Outside*/
width: 50%;
display: inline-block;
border: 1px solid;
border-radius: 28px;
margin: 3% 25% 5% 25%;
/*Inside*/
padding: 15px 15px;
align-content: center;
/*text*/
font-family: Montserrat, serif;
font-style: normal;
font-size: 18px;
color: #ffffff;
font-weight: 600;
/*Visual*/
background-color: #007C36;
cursor: pointer;
}
/*##### LINKS TODO WITH HEADER #####*/
/* unvisited link */
a:link {
color: #000000;
}
/* visited link */
a:visited {
color: #000000;
}
/* mouse over link */
a:hover {
color: #818181;
}
/* selected link */
a:active {
color: #000000;
}
#closelog {
float: right;
}