*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}body{background:#f0f0f0;margin:0}#app{align-items:center;display:flex;flex-direction:column;width:100vw}h2{color:red;margin-top:0}p{color:#555;margin:1.5rem 0}a{color:red;text-decoration:none}a:hover{text-decoration:underline}.col-1{display:grid;max-width:800px;padding:1.5rem;row-gap:1.5rem;width:80%}.col-2{column-gap:1.5rem;display:grid;grid-template-columns:50% 50%;max-width:1400px;padding:1.5rem;row-gap:1.5rem}@media (max-width: 1000px){.col-2{grid-template-columns:100%}}.col-3{column-gap:1.5rem;display:grid;grid-template-columns:33% 33% 33%;max-width:1400px;padding:1.5rem;row-gap:1.5rem}@media (max-width: 1000px){.col-3{grid-template-columns:50%}}@media (max-width: 700px){.col-3{grid-template-columns:100%}}.title-image{display:block;height:auto;width:100%}.button{background:red;border:1px solid red;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font:inherit;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease-in-out}.button:hover{background:#fff;color:red}.card{background:#fff;border-radius:.5rem;box-shadow:6px 6px 16px -10px #969696;padding:1.5rem}.video{position:relative}.video video{background:#fff;border-radius:.5rem;box-shadow:0 0 6px 2px #dcdcdc;margin-bottom:-3px;outline:0!important;width:100%}.video__button-container{align-items:center;background:transparent;border-radius:.5rem;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:1;pointer-events:all;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.video__button-container:hover{background:rgba(0,0,0,.15)}.video__button-container--hidden{opacity:0;pointer-events:none}.video__button{align-items:center;background:rgba(0,0,0,.8);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:4rem;justify-content:center;padding:1rem;transition:all .3s ease-in-out;width:4rem}.video__button-container:hover .video__button{background:red}footer{align-items:center;background:red;height:3rem;display:flex;padding:2rem;width:100%}footer a{background:red;border:1px solid red;border-radius:.25rem;color:#fff;padding:.5rem 1rem;text-decoration:none}footer a:hover{border-color:#fff}