@media screen and (max-width: 800px) {
    .nav {
        display: block;
        position: fixed;
        top: 10px;
        width: 100%;
        height: 60px;
        z-index: 100;
        background-color: rgba(230,230,230,0.7);
        text-align: center;
        backdrop-filter: blur(12px);
          border-bottom: 1px solid rgba(100,100,130,.1);
  border-top: 1px solid rgba(100,100,130,.1);
  box-shadow: 0px 0px 100px 20px rgba(200,180,220,.8);
    }
    .nav a {
        display: inline-block;
        padding: 16px 10px 10px 10px;
        margin: 5px 0px 5px 0px;
        font-size: 15px;
        font-weight: bold;
        color: rgba(160,80,120,1);
    }
    .nav a:hover {
      color: rgba(200,80,80,1);
    }
}