Major stylesheet fix, project restructure

2023-09-27 21:51:20 +03:00
parent f574205702
commit 083d862ea5
5 changed files with 21 additions and 20 deletions
@@ -0,0 +1,125 @@
+@font-face {
+    font-family: "Open Sans";
+    src: url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff");
+}
+
+@font-face {
+    font-family: "Open Sans";
+    src: url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff");
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    src: url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.woff") format("woff");
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    src: url("/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-BoldItalic.woff") format("woff");
+    font-weight: bold;
+    font-style: italic;
+}
+
+body {
+    background-image: url("/images/background.png");
+    font-family: "Open Sans", sans-serif;
+}
+
+.modal-background {
+    position: fixed;
+
+    width: 100%;
+    height: 100%;
+
+    object-fit: cover;
+}
+
+div.warning {
+    display: none;
+    position: fixed;
+    background: rgba(0, 0, 0, 0.6);
+    width: 100%;
+    height: 100%;
+    z-index: 69;
+    top: 0;
+    left: 0;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.title h1, .title p {
+    display: inline;
+    vertical-align: bottom;
+    line-height: 100%;
+}
+
+.description {
+    text-align: center;
+}
+
+.shadow {
+    color: #FFF;
+    text-shadow: #000 6px 3px 8px;
+}
+
+.inline {
+    width: 30px;
+    padding: 0 8px 0 8px;
+}
+
+div.warning-modal {
+    position: fixed;
+    display: flex;
+    background: rgba(0, 0, 0, 0.6);
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+a.blue {
+    color: #4287f5;
+}
+
+.thanks {
+    color: #FF0000
+}
+
+.links {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    max-width: 70%;
+    align-items: stretch;
+    justify-content: space-around;
+    padding: 20px;
+    gap: 20px;
+}
+
+.dlink {
+    display: flex;
+    width: 30%;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.dlink img {
+    max-width: 400px;
+}