*{--bg: #beb0cd;--con: #f3e7e8;--banout: #f3e7c5;--tabs: #cc7c8a;--text: #333;--tabst: #eee;--outline: #666}body{font-family:Faustina,serif;background-color:var(--bg);color:var(--text)}b{color:#111}a{text-decoration:none;color:var(--tabs)}.banner{background-color:var(--con);display:flex;flex-direction:column;align-items:center;margin:0 auto;width:80%;border:1px solid var(--banout)}.banner h1{margin-bottom:6px}.banner h2{margin-top:6px}.doggo{margin-top:0;transform:translateY(-30px)}.main{margin:20px;background-color:var(--tabs);overflow:hidden}.bar{display:flex;justify-content:space-around}.tab{color:var(--tabst);font-weight:700;cursor:pointer;width:100%;padding:.5%;text-align:center}.tab.active{background-color:var(--con);color:var(--text)}.content{border:1px solid var(--outline);border-top:none;background-color:var(--con);padding:10px}@media only screen and (max-width: 800px){.banner{padding-top:1%;padding-bottom:1%;width:95%}.banner h1{font-size:40px}.doggo{width:15%}.main{margin-left:5px;margin-right:5px;margin-top:30px}.tab{padding:2%}}