.loading{display:flex;box-shadow:0 4px 6px #0000001a;border-radius:4px;padding:8px;background:#fff;width:auto;z-index:10;align-items:center;gap:8px;cursor:pointer}.layout-container{display:flex;flex-direction:column;height:100vh}.navbar{background-color:#333;padding:5px}.navbar ul{display:flex;justify-content:space-around;list-style:none;padding:0;margin:0}.navbar li{padding:10px}.navbar a{text-decoration:none;color:#fff;font-size:1.2rem;transition:.3s}.navbar a:hover{color:#b3b3b3}.content{flex:1;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#434343;font-family:Arial,sans-serif}.title-with-button{display:flex;justify-content:space-between;align-items:center;width:99%}.title-with-button h1{flex:1}.title-with-button button{background-color:transparent;color:#fff;font-size:17px;border:1px solid #ffffff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .1s;position:absolute}.title-with-button button:hover{color:#000;background-color:#e0e0e0}