.nav-bar a,body{font-family:Arial,sans-serif}.about h1,.contact h2{text-transform:uppercase;letter-spacing:1px;display:inline-block;padding-bottom:5px}.header,.nav-bar,h2,header{display:flex}body,html{overflow-x:hidden;width:100%;border:#f4f4f9}body{margin:0;padding:0;background-color:#f4f4f9;color:#333}.nav-bar{flex-direction:row}.logo{margin-right:auto;width:25%;height:100%;padding:15px 0 0}.logo img{width:90px;border-radius:60px 60px 10px 10px}.header{width:100%;height:150px;box-shadow:0 5px 5px #d3d3d3;margin-bottom:5px}.about,.contact{border-radius:10px;margin:30px auto;text-align:center}.nav-bar a{margin:2rem;border-top:3px solid transparent;color:#000;font-weight:700;gap:15px}.about h1,.about p,.contact h2{margin-bottom:15px}.nav-bar a:hover{border-top-color:#f0a500;color:#0065fc}h2{justify-content:center}.about{background:#f8f9fa;padding:50px 20px;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:900px}.about h1{font-size:28px;color:#222;border-bottom:4px solid #f0a500}.about p{font-size:18px;color:#444;line-height:1.6}.contact h2,.contact strong{color:#f0a500}.contact{background:#222;color:#fff;padding:50px 20px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:700px}.burger-menu,.close-menu{background:0 0;border:none;cursor:pointer;display:none}.contact h2{font-size:28px;border-bottom:3px solid #f0a500}.contact p{font-size:18px;line-height:1.6;margin-bottom:10px}@media screen and (min-width:380px) and (max-width:768px){.logo{width:100%;padding:10px}.logo img{width:auto;height:60px}.nav-bar{padding:20px}.nav-bar a{display:flex;width:auto;margin:5px;font-size:14px}}header{padding:10px 20px;justify-content:space-between;align-items:center;position:relative;z-index:10}header h1{font-size:20px}.burger-menu{position:relative;font-size:50px;color:#fff;right:0}.burger-menu:focus{outline:0}.close-menu{position:absolute;top:20px;right:50px;font-size:40px;color:red}.nav-bar.active{right:0}.nav-bar{display:flex;gap:20px}.nav-bar a{text-decoration:none;font-size:18px;transition:color .3s}@media (max-width:768px){.about,.contact{padding:30px 15px}.about h1,.contact h2{font-size:24px}.about p,.contact p{font-size:16px}.header,.nav-bar{background-color:#222}.burger-menu{display:block;padding:0 25px 90px 20px}.nav-bar.active{display:flex}.nav-bar{display:none;flex-direction:column;position:absolute;top:90px;right:0;padding:10px 25px;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:20px}.nav-bar a{padding:10px 30px;margin:5px;border-bottom:1px solid #333;color:#fff}.nav-bar a:last-child{border-bottom:none}}footer{background-color:#222;color:#fff;text-align:center;padding:10px;margin-top:20px}