*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:#fff}.wrapper{position:absolute;height:100vh;width:100vw;top:0;left:0;overflow:hidden;background:rgb(131,58,180);background:linear-gradient(180deg,rgba(131,58,180,1) 0%,rgba(253,29,29,1) 50%,rgba(252,176,69,1) 100%)}.content{flex:8}.header,.footer{flex:1}.section{width:100%}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center}input,output{color:#fff;font-size:25vw;font-weight:900;width:100%;text-transform:uppercase;text-align:center}input{position:relative;background-color:transparent;border:none;outline:none}output{position:absolute;transform:rotateX(180deg) translateY(-17vw);opacity:.1}