html,body{background-color:#858585;margin:0}body{background-image:url(https://images.pexels.com/photos/709552/pexels-photo-709552.jpeg);background-size:cover;background-repeat:no-repeat;background-position:center}header,footer{background-color:#114b11}header{border-bottom:5px solid black}h1{font-family:Ranchers,sans-serif}h2,p,.Data{font-family:Roboto,sans-serif}footer{border-top:5px solid black}a:link{color:#000}a:visited{color:brown}a:hover{color:#00f}ul{text-align:center;display:inline-block;text-align:left}.App{text-align:center;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.Data{margin-left:auto;margin-right:auto}.NavBar{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:1em;font-family:Roboto,sans-serif}.Welcome,.About,.TripPage,.Profile,.CurrentEvents,.EventsPage,.MakeEvntFrm,.SignIn,.SignUp,.SignUpHeader{background-color:gray;padding:1em;margin:auto;width:auto;height:fit-content;border:2px solid black}.SignUp{display:inline-block;clear:left;text-align:right}@media only screen and (max-width: 480px){.Header{grid-area:1 / span 6}.Welcome,.EventsPage,.About,.TripPage,.Profile,.CurrentEvents,.MakeEvntFrm,.SignIn,.SignUp{grid-area:2 / span 1}}@media only screen and (min-width: 600px) and (max-width: 768px){.Header{grid-area:1 / span 6}.Welcome,.EventsPage,.About,.TripPage,.Profile,.CurrentEvents,.MakeEvntFrm,.SignIn,.SignUp{grid-area:2 / span 1}}p{animation-duration:3s;animation-name:slide-in}@keyframes slide-in{0%{translate:150vw 0;scale:200% 1}to{translate:0 0;scale:100% 1}}