forked from DECA/decasearch
98 lines
2.7 KiB
CSS
98 lines
2.7 KiB
CSS
.App {
|
|
text-align: center;
|
|
}
|
|
|
|
.App-logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
.img-container{
|
|
width:100%;
|
|
}
|
|
#logo{
|
|
height:300px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.App-logo {
|
|
animation: App-logo-spin infinite 20s linear;
|
|
}
|
|
}
|
|
|
|
.App-header {
|
|
background-color: #222c38;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: calc(10px + 2vmin);
|
|
font-family: 'Montserrat',sans-serif;
|
|
font-weight: 700;
|
|
font-size: 36px;
|
|
line-height: 42px;
|
|
color: #084b1f;
|
|
}
|
|
|
|
.App-link {
|
|
color: #61dafb;
|
|
}
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
body{
|
|
background-color: #222c38;
|
|
}
|
|
table{
|
|
color:white;
|
|
}
|
|
tr {
|
|
border-bottom: 1px solid green;
|
|
}
|
|
h1{
|
|
font-family: 'Montserrat',sans-serif;
|
|
font-weight: 700;
|
|
font-size: 36px;
|
|
line-height: 42px;
|
|
color: white;
|
|
}
|
|
p{
|
|
color:white;
|
|
}
|
|
strong{
|
|
color:yellowgreen;
|
|
}
|
|
.valign{
|
|
height: 100%;
|
|
margin-top: 10vh!important;
|
|
background:#222c38;
|
|
}
|
|
.wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
}
|
|
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
|
|
border-bottom: 1px solid #26a69a;
|
|
-webkit-box-shadow: 0 1px 0 0 #26a69a;
|
|
box-shadow: 0 1px 0 0 #26a69a;
|
|
color: white;
|
|
}
|
|
input{
|
|
text-align: center;
|
|
color:white;
|
|
}
|
|
.input-field>label {
|
|
left: 45%;
|
|
}
|
|
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
|
|
background-color: transparent!important;
|
|
} |