body{margin:0;display:flex;justify-content:center}form{display:flex;flex-direction:column;border:1px solid white;background-color:#000;color:#fff;text-align:center;justify-content:center;align-items:center;row-gap:10px;width:20%;border-radius:4px;box-shadow:4px 4px 4px 4px #000;height:180px}label{font-family:monospace;text-transform:uppercase}input{width:80%}button{font-family:monospace;text-transform:uppercase;border:1px solid white;padding:4px;background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease-in-out}button:hover{transform:scale(1.1)}div{position:absolute;height:180px;width:80%;margin:10px;display:flex;justify-content:space-between}section{border:1px solid white;width:30%;padding:12px;display:flex;background-color:#000;align-items:center;justify-content:center;color:#fff;border-radius:4px;box-shadow:4px 4px 4px 4px #000}ul{display:flex;flex-direction:column;justify-content:space-around;margin:0;font-family:monospace;text-transform:uppercase;row-gap:8px;list-style-type:none;padding-left:0;width:100%}li{text-align:center}.align{text-align:left}