post-sanctions-info-page/styles/main.css
2023-06-27 07:03:43 -07:00

126 lines
2.5 KiB
CSS

@font-face {
font-family: "Terminus";
src: url("../fonts/terminus-14-medium.otf") format("opentype");
font-style: normal;
}
@font-face {
font-family: "Terminus";
src: url("../fonts/terminus-14-medium.otf") format("opentype");
font-style: bold;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
body,
html {
background-color: #000000;
font-family: Terminus;
color: #94febf;
}
.title-image {
animation: rotation 2s infinite linear;
animation-delay: 4.5s;
display: block;
width: 150px;
}
.tornado-button {
border: 2px solid #94febf;
background: #000000;
padding: 0.75em 2.5em;
border-radius: 15px;
font-size: 0.875em;
color: #94febf;
}
.tornado-button:hover {
background: #94febf;
color: #000000;
}
.modal-content {
background-color: #000000;
overflow-wrap: break-word;
border-color: #94febf;
}
.modal-title {
margin-left: 50%;
transform: translateX(-50%);
}
.modal-header,
.modal-footer {
border-color: rgba(0, 0, 0, 0.5);
}
.btn-close-white svg {
background: #94febf;
}
.navbar {
display: grid;
justify-content: end;
}
.navbar ul {
flex-direction: row;
padding: 25px;
}
.navbar ul li {
margin-left: auto;
margin-right: 25px !important;
}
.nav-logo {
width: 30px;
}
.title {
text-align: center;
}
a {
color: white !important;
}
.accordion-item {
background-color: #000000;
}
.accordion-button,
.accordion-button:not(.collapsed) {
color: #94febf;
background: #000000;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
@media screen and (max-width: 600px) {
#title-text {
font-size: 2.5em;
}
.navbar ul li {
margin: 0px !important;
}
.title-image {
margin-left: auto !important;
margin-right: auto !important;
width: 175px;
}
.nav-logo {
width: 35px;
}
.navbar ul li {
margin-left: 35px !important;
}
.navbar ul li:first-of-type {
margin: 0px !important;
}
.body {
font-size: 1em;
}
h1 {
margin-top: 0px;
}
.tornado-button {
font-size: 0.875em;
}
}