html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#0e1a24;background-image:linear-gradient(#0e1a24 2%,#b0a425 108%);color:#fff;min-height:100vh;text-align:center;font-family:Roboto,sans-serif}.logo{width:300px}a.featured:hover,a:hover{background-color:#0e1a24;color:#fff}a{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;border:2px solid #fff;text-decoration:none;transition:all .2s ease-in-out}a.featured{position:relative;background-color:#fff;color:#0e1a24;font-weight:700}a.featured:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #0e1a24}h2{font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:2px}.channels{display:flex;max-width:400px;margin:0 auto}.channels a{flex:1;padding:5px 10px;margin-right:10px;background-color:#0e1a24;border:none}.channels a:last-child{margin-right:0}.channels a:hover{text-decoration:underline}