@font-face {
  font-family: kraskav_font;
  src: url(fonts/SpecialElite-Regular.ttf);
}

* {
    margin: 0;
    padding: 0;
    font-family: kraskav_font;
    cursor: url("cursor/cursor.cur"), auto;
    color: #ffffff;
}



body {
    width: 100vw;
    height: 100vh;
    background:
        linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
        url("images/background.jpeg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}


#div_scorn {
    width: 40%;
    border: dashed 2px #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2dvh;
    margin-bottom: 3dvh;
}
#div_scorn_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2dvh;
}
#div_scorn_text {
    width: 50%;
}
#div_scorn_image {
    width: 50%;
    text-align: end;
}
#div_scorn_image img {
    width: 90%;
}
#div_scorn_links {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#div_scorn_links_splayer {
    width: 100%;
    padding: 2dvh;
}
#div_scorn_links_net {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#div_scorn_links_net img {
    width: 2dvw;
}
#div_scorn_links_net img {
    padding: 10px;
    border: dashed 2px #ffffff00;
}
#div_scorn_links_net img:hover{
    cursor: url("cursor/pointer.cur"), auto;
    border: dashed 2px #ffffff;
}


#div_ilona {
    width: 40%;
    border: dashed 2px #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2dvh;
    margin-bottom: 3dvh;
}
#div_ilona_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2dvh;
}
#div_ilona_text {
    width: 50%;
}
#div_ilona_image {
    width: 50%;
    text-align: end;
}
#div_ilona_image img {
    width: 90%;
}
#div_ilona_links {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#div_ilona_links_splayer {
    width: 100%;
    padding: 2dvh;
}
#div_ilona_links_net {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#div_ilona_links_net img {
    width: 2dvw;
}
#div_ilona_links_net img {
    padding: 10px;
    border: dashed 2px #ffffff00;
}
#div_ilona_links_net img:hover{
    cursor: url("cursor/pointer.cur"), auto;
    border: dashed 2px #ffffff;
}


#div_kronova {
    width: 40%;
    border: dashed 2px #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2dvh;
    margin-bottom: 3dvh;
}
#div_kronova_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2dvh;
}
#div_kronova_text {
    width: 50%;
}
#div_kronova_image {
    width: 50%;
    text-align: end;
}
#div_kronova_image img {
    width: 90%;
}
#div_kronova_links {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#div_kronova_links_splayer {
    width: 100%;
    padding: 2dvh;
}
#div_kronova_links_net {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#div_kronova_links_net img {
    width: 2dvw;
}
#div_kronova_links_net img {
    padding: 10px;
    border: dashed 2px #ffffff00;
}
#div_kronova_links_net img:hover{
    cursor: url("cursor/pointer.cur"), auto;
    border: dashed 2px #ffffff;
}