2022-06-23 17:12:10 +02:00
|
|
|
/* Center divs */
|
|
|
|
.center {
|
2022-06-23 12:40:02 +02:00
|
|
|
text-align: center;
|
2022-06-23 17:12:10 +02:00
|
|
|
padding-left: 2%;
|
|
|
|
padding-right: 2%;
|
2022-06-23 12:40:02 +02:00
|
|
|
}
|
2022-06-23 16:34:43 +02:00
|
|
|
|
2022-06-23 17:12:10 +02:00
|
|
|
/* Input */
|
|
|
|
.form-control[type="text"] {
|
|
|
|
margin: auto;
|
|
|
|
width: 50%;
|
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Size of block displaying informations */
|
2022-06-23 16:34:43 +02:00
|
|
|
.firstname-constant {
|
2022-06-23 17:12:10 +02:00
|
|
|
height: 13em;
|
2022-06-23 16:34:43 +02:00
|
|
|
}
|
|
|
|
|
2022-06-23 17:12:10 +02:00
|
|
|
/* Size of information's text */
|
2022-06-23 16:34:43 +02:00
|
|
|
.firstname-constant p {
|
2022-06-23 17:12:10 +02:00
|
|
|
font-size: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Drop the size of the text when screen is small */
|
|
|
|
@media only screen and (max-width : 850px) {
|
|
|
|
.firstname-constant {
|
|
|
|
height: 7em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.firstname-constant p {
|
|
|
|
font-size: 28px;
|
|
|
|
}
|
2022-06-23 16:34:43 +02:00
|
|
|
}
|