*{padding:0;margin:0;box-sizing:border-box}body{background-image:url(download.jpg);background-size:cover;background-repeat:no-repeat}.navbar{width:100%;backdrop-filter:blur(5px)}.logo{color:#fff;font-size:40px;font-weight:900;font-family:monospace}.contaner{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 30px}.navagatione ul{display:flex;column-gap:10px}.navagatione ul li{list-style-type:none}.navagatione ul li a{text-decoration:none;color:#fff;padding:10px 15px;background-color:#000;border-radius:10px;font-size:18px;transition:.5s}.navagatione ul li a:hover{color:#000;background-color:#fff}.navagatione ul li a{font-family:'RobotoMono',sans-serif}@font-face{font-family:'RobotoMonoo';src:url('RobotoMono-Regular.ttf') format('truetype')}@font-face{font-family:'OpenSans';src:url('OpenSans_Condensed-Regular.ttf') format('truetype')}.discription{backdrop-filter:blur(5px)}.discription h1{font-family:'RobotoMonoo',sans-serif;font-size:70px;width:100%;padding:30px;text-align:center;color:#fff}.discription p{font-family:'RobotoMonoo',sans-serif;font-size:28px;width:100%;text-align:left;padding:30px;padding-left:40px;color:#fff}footer .end{width:100%;font-size:20px;color:#fff;text-align:center;font-weight:500;background-color:rgb(0 0 0 / .801);padding:15px 20px}@media (min-width:320px) and (max-width:480px){.navbar .contaner ul li a{padding:7px;font-size:16px}.navbar .contaner{width:100%;justify-content:space-between;padding:10px}.discription{padding:0}.discription h1{font-size:25px}.discription p{font-size:25px;padding:15px}}