69 lines
1.4 KiB
CSS
69 lines
1.4 KiB
CSS
body {
|
|
background-image: url(../images/back_main_one.jpg);
|
|
}
|
|
.register_page {
|
|
background-color: #dbc3af;
|
|
width: 90%;
|
|
height: 55%;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 5%;
|
|
border-radius: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.header_title {
|
|
text-align: center;
|
|
width: 100%;
|
|
height: auto;
|
|
transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
|
|
}
|
|
.header_title:hover {
|
|
font-size: 53;
|
|
text-shadow: 0px 0px 20px #ffffff;
|
|
}
|
|
.register {
|
|
width: 60%;
|
|
align-self: center;
|
|
justify-content: center;
|
|
}
|
|
.buttons_from {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
.button {
|
|
width: 150px;
|
|
height: 35px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
font: bold;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
transition: background-color 0.5s ease-in, border-radius 1s ease-in, box-shadow 1s ease-in;
|
|
}
|
|
.button:hover {
|
|
background-color: #61350f;
|
|
border-color: #61350f;
|
|
color: #ffffff;
|
|
border-radius: 7px;
|
|
box-shadow: 0px 0px 50px #fff;
|
|
}
|
|
.data_block {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.box {
|
|
display: inline-flex;
|
|
align-content: center;
|
|
}
|
|
.register {
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
} |