@font-face {
    font-family: 'Diodrum Cyrillic';
    src: url('/font/DiodrumCyrillic-Bold.eot');
    src: url('/font/DiodrumCyrillic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/DiodrumCyrillic-Bold.woff2') format('woff2'),
        url('/font/DiodrumCyrillic-Bold.woff') format('woff'),
        url('/font/DiodrumCyrillic-Bold.ttf') format('truetype'),
        url('/font/DiodrumCyrillic-Bold.svg#DiodrumCyrillic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html, body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0 none;
    font-size: 10px;
    background-color: #00a150;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

html {
    font-size: calc((10/1920)*100vw);
}

#frame {
    font-family: 'Diodrum Cyrillic';
    color: #fff;
}

#logo {
    font-size: 22.5rem;
    background-image: url(/catprice.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 28rem;
    padding-right: 32rem;
    padding-top: 5rem;
    margin-bottom: 15rem;
}
#text,
#text:hover,
#text:visited {
    color: #fff;
    font-size: 10rem;
    text-decoration: none;
    outline: none;
    text-align: center;
    display: block;
}