@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');

*{
  font-family: "Kumbh Sans", sans-serif;
}

body{
 background-color: #282a28;
    color: white;
    padding: 0 20px;
  margin-left:auto;
  margin-right:auto;
  overflow-x:hidden;
  background-attachment: scroll;
    background-repeat: repeat-y;
    background-image: url(/images/SVG/oc-background-decor-green.svg);
  background-size:contain;
}



hr{
    height: 1px;
    background-image: linear-gradient(50deg, transparent, #a5a5a5, transparent 95%);
    border: 0;
}

.sub{
  margin-top:0;
  margin-bottom:1em;
  opacity:0.5;
}

.title{
  margin-bottom:0;
}

.name{
  color:#6d6d6d;
}

.keys{
  display: flex;
    align-items: center;
    gap: 2px;
}

.divider{
     border-right: 1px solid #9999;
    margin-left: 1.4em;
      margin-right: 1.4em;
}

.calendar{
  margin:auto;
  width:1245px;
}

.container{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.row{
 display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: center;
}



.month{
   background-size:cover;
  background-position:center;
  background-color:#9999;
  padding:0.5em;
  text-align:left;
  border-radius:4px;
  width:590px;
}

.month p{
 width: 73px;
 height: 73px;
  background:#958e8e;
  margin:0.4em;
  border-radius:4px;
  padding-left:0.2em;
  position:relative;
  font-size:0.7em;
}

.month p > span{
 position:absolute;
  left: 50%;
    transform: translate(-50%, 0);
  text-align:left;
  color:#cccbcb;
}

.month p > span a{
 color:#a7fc9a;
}

span img{
  width:80px;
  margin-top:-12px;
  transition:0.3s;
  
}

span img:hover{
  transition:0.3s;
  transform:scale(1.1) rotate(3deg);
}

h3{
  font-size:1.8em;
  border-bottom:1px solid grey;
  margin-top:0;
  margin-left:0.5em;
}

.event{
 color: #ecf16d !important;
    background: #7b6348;
    border-radius: 4px;
    padding: 0.17em;
      width: max-content;
}

/* width */
::-webkit-scrollbar {
  width: 11px;
 
 
}

/* Track */
::-webkit-scrollbar-track {
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background-color: #94b78f;
    border-radius: 0px;
}


::-webkit-scrollbar-track-piece{
background: #161616;
    border: 0px;
}