body{padding:45px;background-image:linear-gradient(to right,#029aff,#3cebff)}*{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:0}.main-box{display:flex;flex-direction:column;align-items:center}.heading{display:flex;justify-content:center;font-size:3rem;font-weight:800;color:#fff;text-shadow:0px 4px 4px black}.sub-heading{margin:60px 0;padding:5px;text-align:center;font-size:xx-large;font-weight:800;color:#ff4d00;text-shadow:0px 4px 4px rgb(255,255,255)}.gif-box{align-self:center;min-width:30vw;max-width:90vw;border:4px solid rgb(0,0,0);background-color:#ff8214ce;border-radius:10px;padding:25px;display:flex;flex-direction:column;row-gap:10px}.gif-cont{max-width:90vw;margin:auto auto 10px}img{max-width:70vw;max-height:40vh}button{color:#fff;font-weight:800;font-size:x-large;border:none;padding:4px 10px;box-sizing:border-box;border-radius:15px;opacity:.85;margin:auto;background-color:#ff20cb;transition:all .1s ease-in-out}button:hover{opacity:1}input{text-align:center;font-size:large;width:80%;margin:auto;transition:all .1s ease-in-out;outline:none}input:focus{border:2px solid rgb(9,120,255);box-shadow:0 0 10px #0794f8}.loader{width:120px;height:22px;border-radius:40px;color:#02800b;border:2px solid;position:relative}.loader:before{content:"";position:absolute;margin:2px;width:25%;top:0;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l3 1s infinite linear}@keyframes l3{50%{left:100%;transform:translate(calc(-100% - 4px))}}