body{background:#b2b2b2;font-family:Titillium Web,sans-serif}img{display:block;margin:0 auto}h2{color:#000;font-size:2em;margin:20px 0;text-align:center}.warpper{align-items:center;display:flex;flex-direction:column}.tab{background:#24a189;box-shadow:0 .5rem .8rem #00000020;color:#fff;cursor:pointer;display:inline-block;margin:0 2px 20px;padding:40px 70px}.panels,.tab{border-radius:20px}.panels{background:#fff;box-shadow:0 2rem 2rem #00000020;max-width:520px;min-height:200px;overflow:hidden;padding:20px;width:100%}.panel{animation:fadein .8s;display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel-title{font-size:1.5em;font-weight:700}.radio{display:none}#one:checked~.panels #one-panel,#three:checked~.panels #three-panel,#two:checked~.panels #two-panel{display:block}#one:checked~.tabs #one-tab,#three:checked~.tabs #three-tab,#two:checked~.tabs #two-tab{background:#fff;border-top:3px solid #24a189;color:#000}@media (max-width:570px){#one:checked~.tabs #one-tab,#three:checked~.tabs #three-tab,#two:checked~.tabs #two-tab{background:#fff;border-top:3px solid #24a189;color:#000;text-align:center}.tab{background:#24a189;border-radius:20px;box-shadow:0 .5rem .8rem #00000080;color:#fff;cursor:pointer;display:inline-block;font-size:15pt;padding:40px 80px;text-align:center;width:70%}.panel-title{font-size:1.5em;font-weight:700}}