body{padding:0;margin:0}.div-header{color:#fff;font-size:30px;background:linear-gradient(90deg,#00a6ed,#7400b8);height:50px;line-height:50px;animation:gradient 10s ease infinite;background-size:200% 200%}.header-fix{position:-webkit-sticky;position:fixed;top:0;width:100%;z-index:100}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-title{margin-left:10px}.header-back{padding:10px}.header-back:hover{background-color:red}.info-left{color:#fff;padding-top:10px;display:flex;flex-direction:column;align-items:center;position:relative;left:-300px;background:linear-gradient(180deg,#1e90ff,#87ceeb);border-radius:0 50px 50px 0;height:100%;animation-name:slide-in;animation-duration:1s;animation-fill-mode:forwards}@keyframes slide-in{0%{left:-300px}to{left:0}}.info-right{width:100%;padding:10px;position:relative;right:-800px;animation-name:slide-in1;animation-duration:1s;animation-fill-mode:forwards}@keyframes slide-in1{0%{right:-800px}to{right:0}}.centered-div{padding:30px 10px 10px;display:flex;align-items:center;width:600px;background-color:#f8f6f2e6;border-radius:50px;margin-top:50px;flex-direction:column;border:palegoldenrod solid 1px;z-index:99}.parent-container{display:flex;justify-content:center;align-items:center}.menu-btn{margin:20px;height:60px}