body{font-family:courier new,Courier,monospace;margin:auto;width:100%;max-width:600px}.bg-primary{background-color:#090c9b}.bg-secondary{background-color:#3d52d5}.bg-light{background-color:#b4c5e4}.bg-dark{background-color:#3c3744}.bg-ivory{background-color:#fbfff1}.text-light{color:#b4c5e4}.text-dark{color:#3c3744}.text-primary{color:#090c9b}.container{padding:10px 20px}textarea,input{border:none;width:100%;margin-bottom:20px}h1{font-size:1.5em}#alt{height:40px}#output1,#output2,#output3,#output4{height:150px}#input{height:60px}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:16px}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#3d52d5;color:#fbfff1}.tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}pre{color:#fbfff1;padding:10px 2px}footer p{font-size:12px}a{color:#fbfff1}@media screen and (max-width:400px){.tab button{font-size:12px}}.ads{width:320px;height:100px}@media(min-width:500px){.ads{width:468px;height:60px}}