Initial
This commit is contained in:
72
style/style.css
Normal file
72
style/style.css
Normal file
@@ -0,0 +1,72 @@
|
||||
body {
|
||||
background: #B4A0EF;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 60%;
|
||||
width: 60%;
|
||||
object-fit: contain;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.fella {
|
||||
object-fit: contain;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
.fella:hover {
|
||||
transform: rotate(5deg) scale(1.3);
|
||||
}
|
||||
|
||||
.top-left {
|
||||
position: absolute;
|
||||
top: 25vh;
|
||||
left: 15vw;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
top: 28vh;
|
||||
right: 26vw;
|
||||
}
|
||||
|
||||
.bottom-left {
|
||||
position: absolute;
|
||||
bottom: 28vh;
|
||||
left: 12vw;
|
||||
}
|
||||
|
||||
.bottom-middle {
|
||||
position: absolute;
|
||||
object-fit: contain;
|
||||
bottom: 64vh;
|
||||
}
|
||||
|
||||
.bottom-right {
|
||||
position: absolute;
|
||||
bottom: 24vh;
|
||||
right: 22vw;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #dee2e3;
|
||||
font-family: 'Tienne';
|
||||
font-size: 1.25em;
|
||||
}
|
||||
Reference in New Issue
Block a user