45 lines
589 B
CSS
45 lines
589 B
CSS
|
body {
|
||
|
font-family: 'Arial', 'sans-serif';
|
||
|
}
|
||
|
h1,h2,h3,h4,h5,h6 {
|
||
|
font-family: cursive;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 2rem;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-size: 1.7rem;
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-size: 1.5rem;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
font-size: 1.1rem;
|
||
|
}
|
||
|
|
||
|
input {
|
||
|
width: 25%;
|
||
|
}
|
||
|
|
||
|
.logo {
|
||
|
border-radius: 55%;
|
||
|
float: left;
|
||
|
width: 15vw;
|
||
|
min-width: 80px;
|
||
|
max-width:200px;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 500px) {
|
||
|
h1 { font-size: 5rem; }
|
||
|
h2 { font-size: 4rem; }
|
||
|
h3 { font-size: 3rem; }
|
||
|
p { font-size: 3rem !important; }
|
||
|
input,button {
|
||
|
font-size: 2rem;
|
||
|
width: 25%;
|
||
|
}
|
||
|
}
|