@font-face {
  font-family: 'fontsncss';
  src: url(/fontsncss/poti.ttf);
}
  @font-face {
    font-family: 'fontsncss2';
    src: url(/fontsncss/cute_notes-webfont.woff);
  }
@font-face {
font-family: 'fontsncss3';
  src: url(fontsncss/windows-bold[1].ttf);
}

  body {
  background: url(images/maxresdefault-203341337.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color: rgb(50, 66, 47);
  color: #201f1fe1;
  font-family: fontsncss3;
  font-size: 1.2rem;
}
a:link {
      color: #000000;

    }
    a:visited {
      color: #000000;
    }
    a:hover {
      color: #7d7b76;
    }
.spam1 {
position: absolute;
top: 2%;
left: 2%;
}
.spam2 {
position: absolute;
top: 26%;
}
.spam3 {
position: absolute;
right: 0%;
top: 30%;
height: 200px;
}
.spam4 {
    position: absolute;
    bottom: 2%;
    left: 8%;
}
.spam5 {
position: absolute;
right: 17.5%;
top: 1%;
}
.spam6 {
    position: absolute;
    bottom: 4%;
    height: 200px;
    left: 0;
}
.spam7 {
    position: absolute;
    top: 0%;
    right: 5%;
}
.homeTime {
    border: none;
    background-image: url(images/blank.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 160px;
    padding: 2%;
    color: #2d2929;
    position: absolute;
    top: 10%;
    left: 15%;
}
.tenna {
position: absolute;
bottom: 1%;
right: 2%;
}
.header {
    margin: auto;
    background-color: rgb(212, 95, 236);
    max-width: 1550px;
    padding: 2%;
    margin-top: 2%;
text-align: center;
font-size: 4rem;
}

 .calendar{
  margin: auto;
  margin-left: 7%;
  margin-top: 1%;
  display:inline-grid;
  /* justify-content:center; */
  /* align-items:center; */
  background:#a6a1a1;
  padding:20px;
  border-radius:5px;
 }
  .month{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:2.5rem;
    margin-bottom:10px;
    font-weight:300;
  }
    .year{
      font-weight:600;
      font-size: 2.5rem;
      margin-left:px;
    }
    
    .nav{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      color:#000000;
      width:700px;
      height:40px;
      border-radius:40px;
      transition-duration:.2s;
      position:relative;
      
    }
  
  .days{
    display: grid;
    justify-content:center;
    align-items:center;
    grid-template-columns: repeat(7, 1fr);
    color:#2d2929;
    font-weight:600;
    margin-bottom:10px;
  }
    span{
      width:100px;
      justify-self:center;
      align-self:center;
      text-align:center;
    }
  
  .dates{
    display:grid;
    grid-template-columns: repeat(7, 1fr);
  }
  
    button{
    font-family: fontsncss3;
      cursor:pointer;
      background-color: rgba(161, 162, 181, 0.745);
      border-color: #cfcbdb;
      border-width: 9px;
      
      /* justify-self:center; */
      /* align-self:center; */
      margin:4px;
      font-size: 1.2rem;
      padding: 15px 15px;
      letter-spacing: 1px;
      /* text-align: centre; */
    }
    
    .old {
        background-color:  rgba(67, 68, 75, 0.745);

    }
      .today{
        box-shadow:inset 7px 0px 100px 5px #6359f2;
      }
      
      &:first-child{
        grid-column:3;
      }
      
      
      &:focus{
        background:#2d363c;
        color:#000000;
        font-weight:600;
      }