/* FONTS */
@font-face {
    font-family: "perfect";
    src: url("/docs/assets/fonts/Minecraft.woff2") format("woff2"),
        url("/docs/assets/fonts/Minecraft.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "nice";
    src: url("/docs/assets/fonts/Pixel_NES.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "double";
    src: url("/docs/assets/fonts/Web437_NEC_APC3_8x16.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RussianGothic";
    src: local("Arial");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0420-42FF;
}

@font-face {
    font-family: "PerfectDosVGAA437";
    src: url("/docs/assets/fonts/PerfectDOSVGA437.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    background-color: #000;
    height: 100%;
    background-color: black;
}

.main {
    display: flex;
    flex-direction: column;
    color: white;
}

.title {
    margin-left: 40px;
    margin-top: 40px;
    font-family: "double";
}

body {
    position: relative;
    min-height: 100vh;
}

.text {
    margin-left: 40px;
    font-family: "double";

}

.myButton {
    color: rgb(255, 255, 255);
    height: 10px;
    width: 70px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 17px;
    padding: 12px;
    border-radius: 5px;
    font-family: "perfect";
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-alternates: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-variant-position: normal;
    font-variant-emoji: normal;
    text-transform: none;
    background-image: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 50%, rgb(20, 78, 117) 100%);
    box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px;
    border: 2px solid rgb(28, 110, 164);
    display: inline-block;
}

.myButton:hover {
    background: #ffffff;
}

.myButton:active {
    background: #a3d6f8;
}