:root{--accent:#8eb6dc;--accent-dark:#000d8a;--black:15,18,25;--gray:#eaeaee;--gray-light:229,233,240;--gray-dark:34,41,57;--gray-gradient:rgba(var(--gray-light),50%),#fff;--box-shadow:0 2px 6px rgba(var(--gray),25%),0 8px 24px rgba(var(--gray),33%),0 16px 32px rgba(var(--gray),33%)}*{margin:0;padding:0}img{display:block;width:100%}html{color:rgb(var(--gray-dark));box-sizing:border-box;font-family:Georgia,serif;line-height:1.7}main{display:flex;flex-direction:column}a{text-decoration:none;color:rgba(var(--gray-dark))}.max-width-container{max-width:1000px;margin:auto}ol{margin-left:1rem}body>header{display:grid;grid-template-columns:1fr;background:#fff;align-items: center;margin:0;padding:.5rem 1rem}body>header>div{display:flex;flex-direction:row;justify-content:space-between;align-items: center}body>header>div button{cursor:pointer;background:0 0;border:none;width:30px;padding:0}body>header>div button span.text{display:none}body>header>div h1{font-size:1.25rem;font-weight:400}body>header nav{display:none}body>header nav ul{list-style:none;padding:0}@media (min-width:600.001px){body>header{grid-template-columns:1fr 1fr;padding:20px 30px}body>header>div{display:flex;flex-direction:row;justify-content:space-between;align-items: center}body>header>div button{display:none}body>header>div h1{font-size:1.25rem}body>header nav{display:block;justify-self:end}body>header nav ul{display:flex;flex-direction:row;justify-items:center;gap:1rem}}footer{padding:30px 10px}footer>div{display:flex;flex-direction:column;align-items: center}footer h2{font-size:1.25rem}footer ul{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0}footer ul li{display:flex;align-items: end;gap:.5rem}footer p{font-size:.75rem}@media (min-width:600.001px){footer h2{font-weight:400}footer h2:after{content:":"}footer section{display:flex;gap:1rem}footer section ul{list-style:none;display:flex;flex-direction:row;align-items: center;padding:0}footer section ul li{display:flex;gap:.5rem}footer p{font-size:1rem}}.banner{padding:25px 10px}.banner>div{display:grid;grid-template-columns:1fr;grid-template-areas:"banner-logo" "banner-text";justify-content:center;place-items: center}.banner .banner-logo{grid-area:banner-logo;justify-self:center;width:60%;max-width:300px}.banner .banner-text{grid-area:banner-text;display:flex;flex-direction:column;align-items: center;gap:1rem}.banner .banner-text p{text-align:center;padding:40px 0;font-size:1rem}.banner .banner-text a{text-align:center;text-decoration:none;color:#000;border:1px solid gray;border-radius:9999px;padding:.5rem 2rem}.banner .banner-text a.primary{background-color:var(--accent);border-color:#0000}@media (min-width:320.001px){.banner{padding:25px 10px}.banner .banner-text p{font-size:1.5rem}.banner .banner-text a{padding:.5rem 3rem;font-size:1.25rem}}@media (min-width:600.001px){.banner{padding:100px}.banner>div{grid-template-columns:1fr 1fr;grid-template-areas:"banner-text banner-logo"}.banner .banner-logo{width:90%}.banner .banner-text p{font-size:1.5rem}.banner .banner-text a{padding:.5rem 4rem;font-size:1rem}}section.courses{background-color:var(--gray);padding:30px 10px}section.courses h2{text-align:center;padding:30px 0;font-size:2em;font-weight:400}section.courses>div ul{list-style:none;display:flex;flex-direction:column;gap:4rem;padding:0}section.courses>div ul li{display:flex;flex-direction:column;align-items: center}section.courses>div ul li img{width:80%}section.courses>div ul li p{text-align:center;font-size:1rem}section.courses>div ul li button{color:#fff;background-color:#000;border-radius:300px;padding:8px 20px}section.courses>div ul li a.link-button{color:#fff;background-color:#000;border-radius:300px;padding:8px 20px}@media (min-width:600.001px){section.courses{padding:100px}section.courses>div h2{padding:0 0 80px}section.courses ul{display:grid;grid-template-columns:1fr 1fr}section.courses ul li{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;place-items: start center;gap:1.5rem}}@media (min-width:800.001px){section.courses>div ul{display:grid;grid-template-columns:repeat(3,1fr)}}.what{background-color:var(--accent);padding:30px 10px}.what h2{text-align:center;padding:30px 0;font-size:2em;font-weight:400}.what ul{list-style:none;display:flex;flex-direction:column;gap:20px;width:100%;padding:0}.what ul li{border-top:1px solid #000}.what ul li:last-child{border-bottom:1px solid #000}.what ul li summary{position:relative;list-style:none;padding:8px 0}.what ul li summary::-webkit-details-marker{display:none}.what ul li summary:after{content:"+";position:absolute;transition:tranform .3s;right:0}.what ul li details[open]>summary:after{content:"-"}.what ul li details>p{opacity:0;transition:opacity 1s}.what ul li details[open]>p{opacity:1}@media (min-width:320.001px){.what>div{padding:20px}}@media (min-width:720.001px){.what>div{display:grid;grid-template-columns:auto 1fr;align-items: start;gap:4rem}.what>div h2{justify-self:center}.what>div ul{padding-top:20px}}