*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 106.2em){html{font-size:50%}}.wrapper{width:50vw;margin:5rem auto;background-color:#ddd;padding:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 56.25em){.wrapper{width:100vw;min-height:100vh;margin:0;padding:0}}.wrapper>*{padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body{font-family:"Open Sans", sans-serif;font-weight:300;line-height:1.6}h1{font-weight:400;font-size:3rem}@media only screen and (max-width: 87.5em){h1{font-size:3.5rem}}@media only screen and (max-width: 75.5em){h1{font-size:3rem}}@media only screen and (max-width: 31.25em){h1{font-size:2rem}}@media only screen and (max-width: 25em){h1{font-size:1.8rem}}@media only screen and (max-width: 18.75em){h1{font-size:1.5rem}}h2{font-weight:400;font-size:3rem}@media only screen and (max-width: 75.5em){h2{font-size:2.5rem}}@media only screen and (max-width: 31.25em){h2{font-size:1.5rem}}@media only screen and (max-width: 18.75em){h2{font-size:1.2rem}}.btn{padding:2rem;cursor:pointer;font-weight:600;background-color:#fff;border:1px solid #000;border-radius:10px}.btn:hover{background-color:#908282}.btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.btn:disabled{display:none}.main__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main__btn>*{margin-left:1rem}.list{visibility:hidden}.list__header{text-align:center}.list__ul{border:2px solid #000}.list__item{list-style-type:none;padding:0.5rem 1rem;-webkit-transition:all 0.1s;transition:all 0.1s;font-size:1.5rem}@media only screen and (max-width: 75.5em){.list__item{font-size:1.2rem}}@media only screen and (max-width: 31.25em){.list__item{font-size:1rem}}.list__item:hover,.list__item:focus{-webkit-transform:translateY(2px);transform:translateY(2px);font-weight:600}.list__item:nth-child(2n){background-color:#fff}.show{visibility:visible}