body{
     background-image: url("img/trippy\ background.png");
     background-position: center;
     max-width: 1920px;
     background-size: contain;
     font-family: "Palatino Linotype";
}

.h1{
    position: relative;
    text-align: center;
}


 .container{
    display: block;
    box-sizing: content-box;
    max-width: 1920px;
    height: fit-content;
    margin: 5% 10%;
  }


    .menu{
        background:#ff5cf44d;
        border: 2px dotted #b3ff87;
        border-radius: 20px;
        position: fixed;
    }


    h2{
        background-color:#ff9cf8;
        color: #b3ff87;
        font-family: "Aclonica";
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 0 10px black, 0 0 5px black;
        text-align: center;
        position: relative;
        padding: 20px;
        border-radius: 20px;
        margin: 30px;
        outline: #b3ff87 double 10px;
        box-shadow: 0 0 25px #b3ff87;
        transform:scale(1, 1);
        transition-property: transform, background-color, color, font-size;
        transition-duration: 1s, 1s, 1s;
        transition-timing-function: ease-out;
    }

    .About:hover{
        background-color:#b3ff87;
        color:#ff9cf8;
        outline: #ff9cf8 double 10px;
        transform:scale(1.15, 1.15);
        transition-property: transform, background-color, color, font-size;
        transition-duration: 500ms, 500ms, 500ms;
        transition-timing-function: ease-out;}

    .Gallery:hover{
        background-color:#b3ff87;
        color:#ff9cf8;
        outline: #ff9cf8 double 10px;
        transform:scale(1.15, 1.15);
        transition-property: transform, background-color, color, font-size;
        transition-duration: 500ms, 500ms, 500ms;
        transition-timing-function: ease-out;}

    .Blog:hover{ 
        background-color:rgb(179, 255, 135);
        color:#ff9cf8;
        outline: #ff9cf8 double 10px;
        transform:scale(1.15, 1.15);
        transition-property: transform, background-color, color, font-size;
        transition-duration: 500ms, 500ms, 500ms;
        transition-timing-function: ease-out;}

 .middle{
    display:block;
    box-sizing: border-box;
    right: 0%;
    width: 100%;
    height: fit-content;
}

    .intro{
        
        color: #ffffff;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 0 5px #ff00ee, 0 0 10px #00bfff, 0 0 15px #26ff00;
        font-size: x-large;
        background-color: #1e514f45;
        text-align: center;
        font-weight: bold;
        border-radius: 100px;
        outline: 5px solid #6fff5c;
        padding: 45px 83px;
        height: fit-content;
        position: relative;
        margin: 20px 20px 20px 199px;
        box-shadow: 15px 15px 5px 25px #6fff5c40 inset, -30px -30px 90px 60px #5cffff45 inset;
        

    }