a92acf0597
+ Localized everything - No external resources required on the front-end + `test123` tested Layouts with relative paths.. issue is, its always relative from root
50 lines
956 B
CSS
50 lines
956 B
CSS
@charset "UTF-8";
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans Light';
|
|
src: url('/fonts/OpenSans/Light.eot');
|
|
src: local('Open Sans Light'),
|
|
url('/fonts/OpenSans/Light.woff') format('woff'),
|
|
url('/fonts/OpenSans/Light.ttf') format('truetype');
|
|
}
|
|
|
|
html, body {
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Open Sans Light", sans-serif;
|
|
color: #fff;
|
|
background-color: #131a26;
|
|
}
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: relative;
|
|
min-height: 100vh;
|
|
background-image: url('/images/Chalkboard.webp');
|
|
background-size: cover;
|
|
background-position: center center;
|
|
z-index: -1;
|
|
}
|
|
|
|
body::before {
|
|
content: "";
|
|
pointer-events: none;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: inherit;
|
|
}
|
|
|
|
.centerize {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
} |