селектор {
  cursor: url('~/public_html/cursor1.pdf'), pointer;
}

img {
   width: 60%
   }

img#hist { width: 100% }

img.png {width: 100%;
         text-align: center;
         transition: all 0.3s ease;
border-radius: 20px;
}

img.png:hover {transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);}

body {
      background-color: #FFF0F2;
      width:800px;
      margin:0 auto;
      font-family:'Arial', sans-serif;
      line-height:1.5
   }

.container {
    max-width: 1200px;             
    margin: 0 auto;                 
    background-color: #ffffff;        
    padding: 40px;                  
    min-height: 100vh;             
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 20px;
}

p { text-indent: 30px; text-align: justify}

h3 { text-align: center;
     color: #86344E;
     font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal; }

h1 { color: #4D0F2B;
     font-family: "Comic Relief", system-ui;
  font-weight: 700;
  font-style: normal;}
h2 { color: #4D0F2B;
    font-family: "Comic Relief", system-ui;
  font-weight: 700;
  font-style: normal; }

figcaption {font-style: italic;}

nav {
    font-size: 20px;
    width: 100vw;     
    position: relative; 
    left: 50%;           
    right: 50%;
    margin-left: -50vw;  
    margin-right: -50vw;
    margin-bottom: 30px;
    margin-top: 20px;
}

nav ul {
    list-style-type: none;
    margin: 0 auto;           
    padding: 0;
    background-color: #EC7998;
    overflow: visible;
    max-width: 900px;         
    display: flex;            
    justify-content: center;
    border-radius: 20px;  
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  
}

nav ul li {
    float: none;              
    display: inline-block;
    position: relative;    
}

nav ul li a {
    font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }
nav ul li a:hover {
color: #ffe0e8;    
background-color: #DD587B;
    border-radius: 20px;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #EC7998;  
    min-width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 20px;
    z-index: 9999;
}

.dropdown-menu li {
    float: none;  
    width: 100%;
}

.dropdown-menu a {
    padding: 10px 15px;
    color: white;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.dropdown-menu a:hover {
    background-color: #DD587B;
    color: #ffe0e8;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


figure figcaption { font-size: 14px;
         text-align: center }

.tg  {width: 100%; border-collapse:collapse;border-color:#c0c0c0;border-spacing:0;}

.tg .tg-7btt{background-color: #FFE0E8; border-color:inherit;font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-fymr{border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}


.tg td{background-color:#fff;border-color:#c0c0c0;border-style:solid;border-width:1px;color:#333;
  font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{background-color:#f0f0f0;border-color:#c0c0c0;border-style:solid;border-width:1px;color:#333;
  font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-wp8o{border-color:#c0c0c0;text-align:center;vertical-align:top}
.tg .tg-u4vx{background-color:#FFE0E8;border-color:#c0c0c0;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-saq3{background-color:#FFE0E8;border-color:#c0c0c0;font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-73oq{border-color:#c0c0c0;text-align:left;vertical-align:top}