init commit
This commit is contained in:
@@ -0,0 +1,98 @@
|
||||
* {
|
||||
|
||||
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;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user