generated from nhcarrigan/template
103 lines
2.0 KiB
CSS
103 lines
2.0 KiB
CSS
@font-face {
|
|
font-family: 'Vampyr';
|
|
src: url('https://cdn.nhcarrigan.com/fonts/vampyr.ttf') format('truetype');
|
|
}
|
|
|
|
:root {
|
|
--foreground: #8F2447;
|
|
--background: #E1F6F9DC;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html {
|
|
font-family: 'Vampyr', monospace;
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto;
|
|
min-height: 100vh;
|
|
min-width: 100vw;
|
|
}
|
|
body::before {
|
|
background: url(https://cdn.nhcarrigan.com/background.png);
|
|
background-size: cover;
|
|
background-position: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
}
|
|
main {
|
|
color: var(--foreground);
|
|
background-color: var(--background);
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
width: 100vw;
|
|
margin-bottom: 85px;
|
|
margin-top: 50px;
|
|
min-height: calc(100vh - 85px - 50px);
|
|
}
|
|
footer {
|
|
width: 100%;
|
|
color: var(--foreground);
|
|
background-color: var(--background);
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: 75px;
|
|
padding: 0 10px;
|
|
}
|
|
#footer-inner-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 75px;
|
|
}
|
|
#footer-badge-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(8, 1fr);
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
#audio-theme-button, #theme-select-button {
|
|
background: none;
|
|
border: none;
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
|
|
color: var(--foreground);
|
|
}
|
|
a {
|
|
color: unset;
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
|
|
}
|
|
.btn:not(:disabled) {
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
|
|
}
|
|
#tree-nation-offset-website {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.is-dark {
|
|
--foreground: #E1F6F9;
|
|
--background: #8F2447bb;
|
|
}
|
|
@media screen and (max-width: 625px) {
|
|
#tree-nation-offset-website {
|
|
display: none;
|
|
}
|
|
footer, #footer-inner-container {
|
|
height: 50px;
|
|
justify-content: space-around;
|
|
}
|
|
main {
|
|
margin-bottom: 60px;
|
|
}
|
|
}
|