98 lines
1.1 KiB
CSS
98 lines
1.1 KiB
CSS
* {
|
|
|
|
border: 1px black solid;
|
|
|
|
}
|
|
|
|
body {
|
|
margin:0;
|
|
height:100vh;
|
|
background:
|
|
linear-gradient(
|
|
135deg,
|
|
hsl(279deg 33% 47%) 0%,
|
|
hsl(279deg 40% 33%) 39%,
|
|
hsl(279deg 62% 19%) 61%,
|
|
hsl(279deg 94% 7%) 100%
|
|
);
|
|
background-size:300% 100%,cover;
|
|
animation:change 4s linear infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
@keyframes change {
|
|
from {
|
|
background-position:right,center;
|
|
}
|
|
}
|
|
|
|
h1, h2, h3, p {
|
|
|
|
font-family: Lato, sans-serif;
|
|
color: white;
|
|
|
|
}
|
|
|
|
.bg-light {
|
|
|
|
background-color: white;
|
|
|
|
border-color: red;
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.navbar-brand {
|
|
|
|
padding-left: 15px;
|
|
|
|
}
|
|
|
|
.nav-link {
|
|
|
|
background-color: white;
|
|
color: #4A245E;
|
|
|
|
animation: 500ms;
|
|
|
|
}
|
|
|
|
.nav-link:hover {
|
|
|
|
background-color: #4A245E;
|
|
color: white;
|
|
|
|
}
|
|
|
|
h1 {
|
|
|
|
font-size: 8vw;
|
|
|
|
}
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 4vw;
|
|
|
|
}
|
|
|
|
h3 {
|
|
|
|
font-size: 3vw;
|
|
|
|
}
|
|
|
|
p {
|
|
|
|
font-size: 2vw;
|
|
|
|
}
|
|
|
|
.container {
|
|
|
|
padding: 1vw;
|
|
|
|
align-content: center;
|
|
|
|
} |