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