.main-div{margin:56px 0 0}button{padding:12px 20px;font-size:16px;border-radius:5px;background-color:#8b4513;border:none;color:#fff;cursor:pointer;transition:all .3s;margin-top:15px;margin-left:15px}button:disabled{background-color:#777!important;color:#000!important;cursor:not-allowed;border:none}button:hover{background-color:#820}.header{position:fixed;top:0;left:0;width:100vw;background-color:#000;text-align:center;z-index:1000;height:60px;display:flex;justify-content:center;align-items:center}.header-title{font-size:1.8rem;font-weight:700;font-style:italic;background:linear-gradient(to bottom,violet,purple,red,orange,#ff0,#00f,green,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 5px rgba(255,255,255,.5);margin:0;padding:5px 0;line-height:normal}body,html{margin:0;padding:0;height:100%;overflow-x:hidden}body{background:linear-gradient(to bottom,#000,indigo,#000);background-attachment:fixed;background-size:100% 100vh;background-repeat:no-repeat}.content{max-width:800px;width:90%;padding:clamp(1rem,10%,5vw);color:#fff;font-family:Arial,sans-serif;text-align:left;margin:10px auto;line-height:1.4;display:flex;flex-direction:column;align-items:center;Centers the entire content block justify-content: center;font-size:clamp(12px,2vw + 1rem,22px)}.content h1,.content h2{text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black;text-align:center;width:100%}.content h3{text-align:left;margin:0 0 0 96px;width:100%}.content h4{text-align:left;margin:0 0 0 112px;width:100%}.content p{width:90%;max-width:700px}