@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";body{overflow-wrap:anywhere;background-color:#c08552;justify-content:center;align-items:center;font-family:Trebuchet MS,Tahoma,sans-serif;display:flex}h1{margin-bottom:0;font-family:Pacifico,cursive;font-size:48px}h1 div{background-color:#000;height:2px;margin-top:5px}#center-container{flex-direction:column;justify-self:center;align-items:center;width:50vw;height:auto;padding:0 5% 5%;display:flex}.naming{flex-direction:column;justify-self:center;align-items:center;width:50vw;height:auto;display:flex}.subheading{align-self:center;width:100%;margin-top:30px;font-size:20px;font-weight:700}.naming input{align-self:center;width:calc(100% - 20px);margin-top:10px;padding:20px 10px;font-size:x-large}.naming input:focus{outline:2px solid #895737}.entry{background-color:#fff;border-radius:10px;width:calc(100% - 20px);margin-top:15px;padding:10px;display:flex;box-shadow:4px 4px 2px #d9b7a5}.entry span{flex:0 90%;margin:5px}.entry p{text-align:center;margin:0;font-size:12px}.entry input{justify-content:center;align-items:center;width:4em;height:2em;margin-right:10px}.entry button{cursor:pointer;background-color:#ff7b7b;border:0;justify-content:center;align-self:center;align-items:center;width:2em;height:2em;padding:0;transition:all .5s;display:flex}.entry button:hover{background-color:#ffadad;transform:scale(1.1)}.entry button:active{background-color:#ff6767;transition:all .25s;transform:scale(.98)}.entry button img{width:1em;height:1em}.inputContainer{width:100%;margin:30px 0 15px;padding:0;display:flex}.inputContainer input{width:100%;margin-right:10px;padding-left:10px;padding-right:10px;font-size:large}.inputContainer input:hover{width:100%;padding-left:10px}.inputContainer input:focus{outline:2px solid #895737}.addBtn{align-self:right;color:#fff;cursor:pointer;background-color:#2ba8fb;border:1px solid #2491da;padding:12.5px 20px;font-size:xx-large;font-weight:700}.addBtn:hover{background-color:#6fc5ff}.addBtn:active{background-color:#3d94cf}.batPreview{color:#fff;background-color:#000;border-radius:20px;width:calc(100% - 40px);margin-top:15px;padding:20px;font-family:Consolas,monospace,serif}.downloadBtn{color:#fff;cursor:pointer;background-color:#2ba8fb;border:0;border-radius:100px;margin-top:30px;padding:12.5px 30px;font-weight:700;transition:all .5s}.downloadBtn:hover{background-color:#6fc5ff;transform:scale(1.1)}.downloadBtn:active{background-color:#3d94cf;transition:all .25s;transform:scale(.98)}