html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#ff057e;background-image:linear-gradient(#ff057e 4%, #e7c760 96%);-webkit-column-rule: #000;
-moz-column-rule: #000;
-o-column-rule: #000;
column-rule: #00min-height:100vh;text-align:center;font-family:Roboto,sans-serif}.logo{width:250px}a.featured:hover,a:hover{background-color:#80033f;color:#fff}a{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#000000;border:2px solid #000000;text-decoration:none;transition:all .2s ease-in-out}a.featured{position:relative;background-color:#fff;color:#000000;font-weight:700}a.featured:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #d4bfaf}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:#060042;border:none}.channels a:last-child{margin-right:0}.channels a:hover{text-decoration:underline}