le_simple_mot/style.css

68 lines
1.1 KiB
CSS

@font-face {
font-family: 'Parisienne';
src: url('fonts/Parisienne-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Fira Sans';
src: url('fonts/FiraSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.title{
font-family: Parisienne;
font-size: 8vh;
text-align: center;
margin: 0;
}
.subtitle{
font-family: "Fira Sans";
font-size: 3vh;
text-align: right;
width: fit-content;
margin: auto;
}
#text_input{
flex-grow: 1;
width: 80%;
margin: 20px auto 0px auto;;
background-color: lightgray;
border: black solid 1px;
padding: 1%;
font-size: 3vh;
font-family: Fira Sans;
}
.author{
margin: 0;
}
footer{
text-align: center;
font-family: Fira Sans;
color: black;
flex-grow: 0.05;
}
a{
/*text-decoration: none;*/
color:black;
text-decoration-style: dotted;
}
span { /* Bug Caret position si text vidé */
display: inline-block;
min-height: 1em;
}