51 lines
1 KiB
CSS
51 lines
1 KiB
CSS
@import url('./utilities.css');
|
|
@import url('./fonts.css');
|
|
@import url('./normalize.css');
|
|
@import url('./variables.css');
|
|
@import url('./header.css');
|
|
@import url('./footer.css');
|
|
@import url('./sections.css');
|
|
@import url('./hero.css');
|
|
@import url('./post.css');
|
|
|
|
html,
|
|
body {
|
|
color: #ffffff;
|
|
font-family: 'Montserrat', sans-serif;
|
|
background-color: #342e37;
|
|
}
|
|
|
|
/* Button */
|
|
button,
|
|
.button {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
border: none;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
padding: 12px 16px;
|
|
transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
|
|
border-radius: 8px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
-webkit-backdrop-filter: blur(4px);
|
|
backdrop-filter: blur(4px);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border: 3px solid rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
button:hover,
|
|
.button:hover,
|
|
button:focus-visible,
|
|
.button:focus-visible {
|
|
background-color: rgba(60, 60, 60, 0.7);
|
|
border: 3px solid rgba(60, 60, 60, 0.7);
|
|
}
|
|
|
|
.inline-button {
|
|
color: rgb(51, 100, 224);
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|