/*----------------------VARIABLES------------------------*/
:root {
  --grad-sky-background: url("common/imgpr-bg-965px.png");
  --fairy-bone-clr: #ffffff;
  --warm-yellow-clr: rgb(254, 243, 167);
  --light-lemon-clr: #f8fbb9;
  --pink-dawn-clr: #d4bccc;
  --docael-clr: #d0cae1;
  --sirenevyj-clr: #c8a2f1;
  --wisteria-clr: #b0a9be;
  --greish-lilac-clr: #a8b1d9;
  --barvinok-clr: #a8b6fa;
  --thin-air-clr: #c0ccf4;
  --frosty-biruza-clr: #b9f0fa;
  --biruza-clr: #98e3f3;
  --mint-hint-clr: #80c3c8;
  --greenish-fog-clr: #97cabe;
  --icy-slate-clr: #6d85a8;
  --dust-clr: #5f6172;
  --dusty-violet-clr: #4c4268;
  --dark-violet-clr: #2a1f3f;
  --midnight-sky-clr: #08102a;
  
  --rounded-corners: 1.5em;
}
/*----------------------COMMON STYLES ---------------------------*/
.bodystyle-bg {
    background-image: var(--grad-sky-background);
    background-repeat: repeat-x;
    /*далее шрифт*/
    font-family: "Itim", system-ui;
    font-weight: 400;
    font-style: normal;
}
.fog {
    width: 100%;
    position: fixed;
    bottom: 0;    
    }
/*Далее идут основные текстовые классы для других страниц*/
.Gallery-title {
    font: 700 2em 'Itim', cursive;
    color: var(--sirenevyj-clr);    
    margin-block-start: 0; margin-block-end: 0;
    margin-top: -0.25em;
    margin-bottom: 23px;    
}
.Contents-title {
    font-family: "Itim", system-ui;
    font-weight: 400;
    font-size: 2.5em;
    color: var(--sirenevyj-clr);
    margin-block-start: 0; margin-block-end: 0;
    margin-top: -0.25em;
    margin-bottom: 23px;
}
.Name-project-caption {
    font-family: "Itim", system-ui;
    color: var(--warm-yellow-clr);
    font-weight: 400;
    font-size: 1.3em;
    margin-block-start: 0; margin-block-end: 0;
    background-color: var(--midnight-sky-clr);
    padding: 3px;
    /*border: 1px solid grey;*/
}
.year-project {
    font-family: "Itim", system-ui;
    color: var(--sirenevyj-clr);
    font-size: 1.4em;
    margin-block-start: 0; margin-block-end: 0;
    border: 1px solid grey;
}
.regular-text {
    font-family: "Itim", system-ui;
    font-size: 1.3em;
    margin-block-start: 0; margin-block-end: 0;
    margin-top: -0.25em;
    border: 1px solid grey;
}
.Big-title {
    font-family: "Itim", system-ui;
    font-weight: 400;
    font-size: 3.3em;
    /*border: 1px solid grey;*/
    margin-block-start: 0; margin-block-end: 0;
}
.Medium-title {
    font-family: "Itim", system-ui;
    font-weight: 400;
    margin-block-start: 0; margin-block-end: 0;
    margin-top: 0;
    /*border: 1px solid grey;*/
}
.Link-button {
    font-family: "Itim", system-ui;
    font-size: 1.8em;
    font-weight: 700;
    text-decoration: none;
    color: var(--warm-lemon-clr);
    background-color: var(--greenish-fog-clr);
    width: fit-content;
    padding: 17px;
    border-radius: 25px;
}
.Link-button:hover {
    filter: drop-shadow(1px 1px 15px var(--fairy-bone-clr));
    color: var(--dark-violet-clr);
    cursor: crosshair;
    background-color: var(--sirenevyj-clr);
}
/*Классы выравнивания (align) для других страниц*/
    .centering-box {width: fit-content; margin: auto;}