.navbar{background:#fff;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 7%}.dark .navbar{background:#000;color:#fff}.dark .search-box{background:#fff}.dark .search-box input{color:#000}.dark .search-box input::placeholder{color:#000}.logo{width:160px;cursor:pointer}.toggle-icon{width:50px;cursor:pointer;margin-left:40px}ul{flex:1;text-align:center;list-style:none}ul>li{display:inline-block;margin:10px 20px;font-size:18px;cursor:pointer}.search-box{background:#242424;display:flex;align-items:center;padding:10px 20px;border-radius:20px}.search-box input{border:none;background:transparent;outline:0;color:#fff}.search-box input::placeholder{color:#fff}.search-box img{width:20px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{width:100vw;height:100vh;background:#ced8ff}.container p{border-radius:5px;padding:10px 20px;position:absolute;top:50%;left:40%;font-size:30px;letter-spacing:2px;font-family:Times New Roman,Times,serif}.container p:first-letter{text-transform:capitalize;font-size:40px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.dark{background:#4f4e4e}.dark p{background-color:#000;color:#fff}.light p{background:#fff}