*,*:before,*:after{box-sizing:border-box;border-radius:2px}html{font-family:sans-serif;min-height:100dvh}body{margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;background-image:radial-gradient(#F26B0F, #E73879)}.wrapper{margin:0 auto;width:100%;background-color:#fcc737;box-shadow:0 0 20px #7e1891;padding:20px;display:grid;grid-template-rows:auto 1fr auto;gap:20px;opacity:.9;overflow:hidden;justify-content:center}p{max-width:60ch}.md main ul,.md main ol{max-width:60ch}a{cursor:pointer}.home a,.wet a{text-decoration:none;color:#000}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;flex-grow:1}nav li{background-color:#f26b0f;transition:transform .5s ease-in-out;border:1px solid #000}nav li a{display:block;padding:10px}nav li:has(a:hover){transform:scale(1.5)}nav li:has(a:active){transition:none;background-color:rgba(170,74,10,.5568627451);transform:scale(1.3)}footer a{padding:10px;background-color:#f26b0f;transition:transform .5s ease-in-out;border:1px solid #000}footer a:hover{transform:scale(1.5)}footer a:active{transition:none;background-color:rgba(170,74,10,.5568627451);transform:scale(1.3)}footer a:first-child{margin-right:auto}.nesting main a{color:purple}.nesting main a:visited{color:red}.nesting main a:hover{color:green}.nesting main a:active{color:blue}.cards{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}.cards .card{display:flex;flex:0 0 100%;min-width:0;margin-bottom:20px;background-color:#f26b0f;transition:transform .5s ease-in-out;border:1px solid #000}.cards .card:last-child{margin:0}.cards .card-link{display:flex;flex:0 0 100%;padding:24px;font-weight:bold;font-size:18px;justify-content:center;align-items:center}.cards .card:has(.card-link:hover){transform:scale(1.5)}.cards .card:has(.card-link:active){transition:none;background-color:rgba(170,74,10,.5568627451);transform:scale(1.3)}@media(min-width: 768px){.wrapper{display:grid;grid-template-columns:repeat(12, 1fr);gap:20px;justify-content:unset}header{grid-column:4/span 6}nav{grid-column:span 12}main{grid-column:2/span 10}.rd1 main{grid-column:4/span 6}footer{grid-column:span 12}.cards .card{flex-basis:calc(50% - 10px)}.cards .card:nth-child(n+7){margin:0}.wet .cards .card:nth-child(n+5){margin:0}}@media(min-width: 1025px){html{overflow-y:scroll}.wrapper{position:relative;width:1015px}header{position:relative}.cards .card{flex-basis:calc(25% - 15px)}.cards .card:nth-child(n+5){margin:0}.wet .cards .card{flex-basis:calc(33.33% - 12.5px)}.wet .cards .card:nth-child(n+4){margin:0}}h2{margin:0;margin-top:20px;margin-bottom:10px}.rd{margin-top:20px}header{text-align:center;background-color:rgba(127,24,145,.2117647059);border:2px solid #7e1891}nav{background-color:#7e1891;display:flex;flex-wrap:wrap;gap:10px;padding:10px}main{display:grid;justify-content:center}footer{background-color:#7e1891;display:flex;flex-wrap:wrap;gap:10px;padding:10px}#func1{width:512px;height:512px;background-image:-webkit-cross-fade(images/heart.png), url(images/spade.png), 50%, 50%);background-image:cross-fade(url(images/heart.png), url(images/spade.png), 50%)}#func2{width:100px}#func3{width:200px;offset-path:ray(45deg contain)}#func4{width:200px;height:200px;background-color:red;filter:hue-rotate(150deg)}/*# sourceMappingURL=style.css.map */