.nav-container{position:fixed;top:0;width:100%;background-color:#e4e2e2}.nav-bar1{display:flex;flex-direction:row;width:100%;list-style:none;justify-content:space-around;padding-left:0}.nav-bar1 li{text-align:center;padding:10px 0;border-bottom:1px solid #ad6161;cursor:grab}.nav-bar1 li:hover{color:#ea0a0a}@media screen and (max-width: 600px){ol{display:flex}}.about{width:100%;height:100vh;margin-bottom:15%}.about h1{border-bottom:1px solid rgb(241,76,76)}img{height:15rem;width:12rem;margin-left:20%;margin-top:3rem;margin-bottom:2rem}.MAIN-CLASS{margin-top:5rem}@media screen and (max-width:600){.about{width:100%;height:100vh;margin-bottom:50%}.MAIN-CLASS{margin-top:5rem}}.main{background-color:#b8b3b3;font-family:Dela Gothic One,cursive;font-family:Montserrat,sans-serif}.footer{margin-top:2%;display:flex;justify-content:center;font-size:.8em}.appcontent{margin-top:8rem;max-width:800px;padding:20px;margin-right:auto;margin-left:auto;text-align:center}.area{width:100%;max-width:800px;margin-bottom:10px}.upbtn{margin:5px;padding:10px 20px;border-radius:7px}.usertext p{margin:10px 0}@media screen and (max-width: 768px){.area{max-width:100%}.upbtn{width:100%;margin:5px 0}.usertext p{font-size:14px}}@media screen and (max-width: 480px){.appcontent{padding:10px}.upbtn{padding:15px 0}.usertext p{font-size:12px}}.contact-page{margin-top:15%}.container{max-width:600px;margin:0 auto;padding:20px}form{display:flex;flex-direction:column}label{margin-top:10px}input,textarea{padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:5px}button{padding:10px 20px;margin-top:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}