.grid {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 400;
}

.logo {
    margin-top: -70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

div {
    margin-bottom: 10px;
}

.navigation {
    float: right;
}

.navicon {
    width: 70px;
    padding: 20px;
    transition: width 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-animation: breathing 1s ease-out infinite normal;
      animation: breathing 3s ease-out infinite normal;
  }
  @-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  }

section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(22, 47, 78, 0.909);
	background-color: #031935;
}
section::-webkit-scrollbar
{
	width: 7px;
	background-color: #002f68;
}

section::-webkit-scrollbar-thumb
{
	background-color: #303f53be;
}

.item {
  padding-left: 1rem;
}
