pages/styles.css
2024-10-14 00:33:21 +02:00

88 lines
1.4 KiB
CSS

* {
box-sizing: border-box;
}
html {
height: 100vh;
position: relative;
}
body{
background: url(#background);
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: cover;
text-align: center;
}
#app {
margin: 0 auto;
max-width: 620px;
padding-bottom: 30px;
}
#main {
text-align: center;
height: 4rem;
}
.border{
border-color: black;
background-color: white;
border-width: 2px;
border-style: solid;
box-shadow: 5px 5px 5px black;
}
a {
font-size: 1.8rem;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
}
a:hover {
color: grey;
}
p {
font-size: 1.5rem;
padding: 0.5vh 1vw;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
font-size: 3rem;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.home-img{
width: 620px;
object-fit: cover;
}
#menu{
position: fixed;
display: inline-flex;
transform: rotate(-90deg) translate(-100%, 50%);
transform-origin: 0 50%;
left: 10px;
top: 0px;
}
#menu > p{
margin: 0px;
margin-left: 10px;
}
#background{
position: fixed;
top: 0px;
left: 0px;
z-index: -1;
}