@font-face {
    font-family: 'NewRomeTrial'; /* Название, которое вы будете использовать */
    src: url('fonts/NewRomeTrial-Light.ttf') format('truetype'), /* Путь к файлу */
    font-weight: normal; /* Вес (normal, bold и т.д.) */
    font-style: normal;  /* Стиль (normal, italic) */
}
@font-face {
    font-family: 'Courier'; /* Название, которое вы будете использовать */
    src: url('fonts/courier-normal.ttf') format('truetype'), /* Путь к файлу */
    font-weight: normal; /* Вес (normal, bold и т.д.) */
    font-style: normal;  /* Стиль (normal, italic) */
}

body {
  background-color: rgb(155, 167, 135);
  font-size: 0.4cm;
  font-family: 'Courier', sans-serif;
  
}

.incenter {
    text-align:center;
    justify-content: center;
    text-decoration: none;
    color:rgb(0, 0, 0);
}

.undertext{
    margin-top: -20px;
    margin-left: 40px;
    margin-right: 40px;
    text-align:left;
}

.underlined{
    text-decoration:underline;
    text-decoration-style:solid;
    text-decoration-thickness: 1px;
    text-decoration-color: rgb(61, 61, 55);
}

.art{
    
}

.languages{
    margin:10px;
    display:flex;
    text-align:center;
}
.langItem{
    border: solid, 1px;
    border-color: black;
    background-color:rgb(219, 219, 187);
    margin:2px;
    width: 30px;
    text-decoration: none;
    color:rgb(0, 0, 0);
}
.container {
    display:flex;
    
    text-align:left;
}
.sidebarLeft {

    
}

.menu{
    border: 40px solid transparent;
    padding: 15px;
    border-image: url(border1.png) 80 round;
    background-color:rgb(219, 219, 187);
    width: 100px;
}

.menuItem {
    text-decoration: none;
    color:rgb(0, 0, 0);
}

.center {
    border: 40px solid transparent;
    
    border-image: url(border1.png) 80 round;
    background-color:rgb(219, 219, 187);
    width: 1100px;
    margin-left:1%;
    margin-right:1%;
    height: 80vh;
    overflow-y:auto;
    overflow-x: hidden;
}

.me{
    text-align:center;
}

.main_text{
    padding: 15px;
}

.gallery {
    column-count: 3;
    column-gap: 10px;
    padding: 20px;
}

.post{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: -20px;
    margin-bottom: -20px;
    justify-content: center;
}

.thumb {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    display: block;
}

.thumb:hover {
  transform: scale(1.05);
}

.sidebarRight { 
    
}

.portrait {
    border: 40px solid transparent;
    
    border-image: url(border1.png) 80 round;
    background-color:rgb(219, 219, 187);
    width: 130px;
}

.contacts {
    border: 40px solid transparent;
    padding: 15px;
    border-image: url(border1.png) 80 round;
    background-color:rgb(219, 219, 187);
    width: 100px;
    overflow-wrap: break-word;
}

.links{
    border: 40px solid transparent;
    padding: 15px;
    border-image: url(border1.png) 80 round;
    background-color:rgb(219, 219, 187);
    width: 100px;
    overflow-wrap: break-word;
    margin-top: 2%;
}



/* Overlay (поверх всего сайта) */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.8); /* затемнение */
  display: flex;
  align-items: center;
  justify-content: center;

  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1000;
}

/* Активное состояние */
#overlay.active {
  visibility: visible;
  opacity: 1;
}

/* Картинка */
#fullImage {
  max-width: calc(100% - 40px); /* отступы слева и справа */
  max-height: calc(100% - 40px);
}