layout
This commit is contained in:
56
src/App.css
56
src/App.css
@ -1,40 +1,12 @@
|
||||
.App {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
height: 40vmin;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.App-logo {
|
||||
animation: App-logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.App-header {
|
||||
background-color: #282c34;
|
||||
min-height: 100vh;
|
||||
.layout {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: calc(10px + 2vmin);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.App-link {
|
||||
color: #61dafb;
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
/* @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */
|
||||
@ -62,6 +34,7 @@
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.home,
|
||||
.flights,
|
||||
.seasons {
|
||||
@ -70,6 +43,7 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 3rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -129,10 +103,6 @@ h1,h2,h4,p
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
.toindex
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.flexbox
|
||||
{
|
||||
@ -150,20 +120,8 @@ h1,h2,h4,p
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.header
|
||||
{
|
||||
border: 0px;
|
||||
font-weight: 900;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.pilot .header
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.link
|
||||
{
|
||||
font-size: 80%;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user