You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
1.6 KiB
CSS

@font-face {
font-family: klartext mono bold;
src: url("fonts/Klartext Mono Bold.ttf");
}
@font-face {
font-family: PropCourierSans;
src: url("fonts/PropCourierSans.ttf");
}
.header {
padding: 5px;
background: rgb(255, 0, 255);
}
h1 {
text-align: right;
color: rgb(69, 48, 105);
font-size: 40px;
font-style: normal;
letter-spacing: 0px;
text-transform: none;
font-family: klartext mono bold;
margin-right: 20px;
}
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
margin: 0px;
}
html {
background: url('images/background-image.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media screen and (max-width: 992px) {
.resizable-panel {
margin-left: 60px !important;
width: 800px !important;
max-height: 700px !important;
color: red;
font-size: 13px;
}
}
.resizable-panel {
border-top: 12px solid rgb(255, 0, 255);
padding-top: 20px;
padding-left: 30px;
padding-right: 15px;
margin-left: 40px;
margin-top: 40px;
margin-bottom: 20px;
width: 400px;
max-height: 670px;
resize: horizontal;
overflow: auto;
background: rgb(255, 255, 255);
}
p {
display: flex;
text-align: left;
font-family: PropCourierSans;
font-weight: 550;
}
.row {
display: flex;
text-align: center;
font-family: PropCourierSans;
font-weight: 600;
background: rgb(57, 42, 83);
padding: 20px;
}
.column {
flex: 50%;
color: rgb(255, 255, 255);
}
.content {
flex: 1 0 auto;
}
.footer {
flex-shrink: 0;
}