body{background-color:red}.logo svg{height:50px}.nav-bar{height:70px;padding:10px 110px 0 0;background-color:#516476;display:flex;justify-content:space-between}.nav-list li{list-style-type:none;color:#fff}.nav-list li:hover{color:#00008b;border-bottom:2px solid darkblue}.forms-outer,.headline,.output-outer{display:flex;flex-direction:column;align-items:center;margin:10px}.forms-main,.headline-inner,.output-main{width:70%}.headline-inner{text-align:center}.forms-main,.output-main{color:#fff;background:#0F2027;background:-webkit-linear-gradient(to right,#2C5364,#203A43,#0F2027);background:linear-gradient(to right,#2C5364,#203A43,#0F2027);padding:30px 50px;border-radius:10px;border:5px solid black;box-shadow:#0f2027}.headline-inner h1{background:-webkit-linear-gradient(#c31432,#240b36);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.output-main{border:5px solid black}.output-outer{margin:50px 0}.output-outer h2{padding:0 0 10px}.output-main{background:#6190E8;background:-webkit-linear-gradient(to right,#A7BFE8,#6190E8);background:linear-gradient(to right,#A7BFE8,#6190E8);color:#232323}.footer-outer{border-top:8px solid black;border-radius:5px;text-align:center;padding:30px 0;color:#fff;background-color:#516476}body{background-color:#deb887}