/*
 * MIT License
 *
 * Copyright (c) 2022- Minteck
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 */

@font-face {
    src: url("/assets/fonts.ttf");
    font-family: Pixellari;
}

.container {
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 700px) {
    .container {
        width: 75vw !important;
    }
}

@media (max-width: 500px) {
    .container {
        width: 95vw !important;
    }
}

body {
    background: #0c031d;
    color: #a963ff;
    font-family: Pixellari, system-ui, -apple-system, sans-serif;
    font-size: 18px;
}

.b {
    border: 1px solid #a963ff;
    padding: 10px;
    margin-bottom: 20px;
}

.pony {
    image-rendering: pixelated;
}

#home-pony {
    width: 15vw;
}

#header {
    display: grid;
    grid-template-columns: 15vw 1fr;
}

#header-content {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

#header-intro-1 {
    margin-bottom: 0;
}

#header-intro-2 {
    margin-top: 0;
}

#header-fact {
    text-align: center;
}

.link {
    color: #844ec7;
}

.link:hover {
    color: #623a94;
}

.link:active, .link:focus {
    color: #402661;
}

.link-el {
    cursor: pointer;
    display: block;
    margin: -1px;
    padding: 10px;
    border: 1px solid #a963ff;
}

.links-box {
    padding: 0;
}

.container.links-box {
    width: calc(60vw + 20px);
}

@media (max-width: 700px) {
    .container.links-box {
        width: calc(75vw + 20px) !important;
    }
}

@media (max-width: 500px) {
    .container.links-box {
        width: calc(95vw + 20px) !important;
    }
}

.link-el {
    color: inherit;
    text-decoration: inherit;
}

.link-el:hover {
    background: rgba(169, 99, 255, 0.1);
}

.link-el:active, .link-el:hover {
    background: rgba(169, 99, 255, 0.25);
}

#footer-intro {
    margin: 0 -8px;
    border-bottom: none;
    border-top: 1px solid;
}

#footer {
    text-align: center;
}

#footer-pony {
    margin-top: 10px;
    width: 128px;
    max-width: 100vw;
}

/*noinspection CssInvalidPropertyValue*/
.rainbow {
    background: linear-gradient(90deg, rgba(227,70,70,1) 0%, rgba(227,138,70,1) 20%, rgba(226,227,70,1) 40%, rgba(81,227,70,1) 60%, rgba(75,70,227,1) 80%, rgba(180,70,227,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.img-misc {
    max-width: 100%;
}

.b-center {
    text-align: center;
}

.fe {
    display: none;
}

#error-page {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
}

html {
    height: 100%;
}

#error-pony {
    height: 50vh;
    max-width: 100%;
}

#error-title-1 {
    margin-bottom: 0;
}

#error-title-2 {
    margin-top: 0;
}