@import url("https://fonts.googleapis.com/css?family=Arvo");.drumkit-page{text-align:center}.drumkit-page h1{font-size:5rem;color:var(--text);font-family:Arvo,cursive;text-shadow:3px 0 var(--accent);margin:0}.set{margin:5% auto}.drum{outline:none;border:10px solid rgba(var(--accent-rgb),.5);font-size:5rem;font-family:Arvo,cursive;line-height:2;font-weight:900;color:var(--accent);text-shadow:3px 0 rgba(var(--accent-rgb),.3);border-radius:15px;display:inline-block;width:150px;height:150px;text-align:center;margin:10px;background-color:rgba(var(--accent-rgb),.05);background-size:cover;background-position:50%;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.drum:hover{box-shadow:0 0 20px rgba(var(--accent-rgb),.2)}.drum.pressed,.drum:hover{border-color:var(--accent)}.drum.pressed{box-shadow:0 0 30px rgba(var(--accent-rgb),.5),0 3px 4px 0 rgba(var(--accent-rgb),.4);opacity:.6}