@font-face {
    font-family: "CascadiaMono";
    src:local("CascadiaMono"),url("/static/main/fonts/CascadiaMono.ttf");
    font-family: 'MelinerRegular';
    src: local('MelinerRegular'), 
        url('/static/main/fonts/meliner.woff');
    font-family: 'Codename Coder Free 4F';
    src: local('Codename Coder Free 4F'), 
        url('/static/main/fonts/Codenamecoder.woff'),
        url('/static/main/fonts/Codenamecoder4.ttf'),
        url('/static/main/fonts/Codenamecoderfree4fbold.woff2');    
    }
.rectangle_statie {
  margin: auto;
  background: #080808;
  font-size: 16px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif,'Codename Coder Free 4F';
  border-radius: 3mm;
  width: 187mm;
  height: fit-content;
  margin-block-start: 25mm;
  display: flex;
  flex-direction: column;
}
A:link{text-decoration: none;color:#6a6666}
            
.statie#id_10 {
    order: -1;
}
#id_10 .content_statie{
    border-color: #d18e0b;
}

.statie {
    margin-top: 0mm;
    margin-left: 0mm;
    margin-bottom: 10mm;

}
.zagolovok_statie{
    position: relative;
    z-index: 2;
    font-family: 'Codename Coder Free 4F';
    font-style: normal;
    font-size: 30px; 
}

.photogolovok img{
    object-fit: cover;
    margin-block: -5mm;
    margin-inline: -6mm;
    position: absolute;
    width: 100%;
    height: 100%;
}
.photogolovok {
  background-image: url("media/{{p.photo}}");
  background: #161515;
  border-radius: 3mm;
  margin-left: 1.5mm;
  margin-top: 1.5mm;
  margin-right: 1.5mm;
  padding-block: 5mm;
  padding-left: 6mm;
  position: relative;
  overflow: hidden;
  z-index: 3;
  height: 40mm;
  display: flex;
  justify-content: end;
  flex-direction: column;
}
.content_statie {
  position: relative;
  top: -5mm;
  left: 0mm;
  margin-left: 5mm;
  margin-right: 5mm;
  border-width: medium;
  border-style: solid;
  border-color: #898989;
  border-radius: 3mm;
  padding-left: 5mm;
  padding-right: 2mm;
  padding-top: 3mm;
  padding-bottom: 2mm;
  z-index: 2;
}
.meta{
    position: relative;
    color: #787373;
    margin-block: -5mm;
}




.data{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    border-width: medium;
    border-style: solid;
    border-color: #161515;
    border-radius: 1mm;
    background: #161515;
    width: fit-content;
    padding-block: 1mm;
    padding-inline: 2mm;
    margin-top: -1.5mm;
    margin-left: 145mm;
}

.view{
    position: absolute;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    border-width: medium;
    border-style: solid;
    border-color: #161515;
    border-radius: 1mm;
    background: #161515;
    width: fit-content;
    display: flex;
    align-items: center;
    padding-right: 1mm;
    height: 6mm;
    margin-top: -8mm;
    margin-left: 130mm;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.view_GLAZOK{
    display: flex;
    align-items: center;
    padding-block: 1mm;
    padding-inline: 1mm;
    padding-right: 2mm;
}
.like {
    background-color: #161515;
    display: flex;
    position: absolute;
    margin-block: -8mm;
    width: auto;
    height: 7.6mm;
    border-radius: 1mm;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    margin-inline: 117mm;
    padding-inline-start: 1.5mm;
}
.like_float {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    display: flex;
    width: auto;
    height: 7.5mm;
    border-radius: 1mm;
    text-decoration: none;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    margin-inline: 1.4mm;
}
           
.imglike {
    display: flex;
    align-items: center;
    /* flex-direction: row; */
    align-content: center;
}