*,:before{box-sizing: inherit}html{box-sizing: border-box;font-size: 110%}@media screen and (max-width: 360px);body{background-color: lightblue;margin: 30px;font-family: "Roboto Mono", monospace}.astronot{background: -webkit-linear-gradient( #f90800,#e600f9,#f5e4f7);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.meteor{background: -webkit-linear-gradient( #170525,#bfb4c6);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.rocket{background: -webkit-linear-gradient( #c7de1c,#ff5e03);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.moon{background: -webkit-linear-gradient( #f157d5,#57e8f1);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.star{background: -webkit-linear-gradient( #059254,#1cdea6);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.asteroid{background: -webkit-linear-gradient( #170525,#bb22cd,#f5e4f7);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.btn-astronot{background: -webkit-linear-gradient( #f90800,#e600f9,#f5e4f7)}.btn-meteor{background: -webkit-linear-gradient( #170525,#bfb4c6)}.btn-rocket{background: -webkit-linear-gradient( #c7de1c,#ff5e03)}.btn-moon{background: -webkit-linear-gradient( #f157d5,#57e8f1)}.btn-star{background: -webkit-linear-gradient( #059254,#1cdea6)}.btn-asteroid{background: -webkit-linear-gradient( #170525,#bb22cd,#f5e4f7)}.cards{display: grid;gap: 5rem;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))}.card{margin-top: 12px;border: 1px solid #383227;border-radius: 8px;box-shadow: 10px 10px 0 #383227;box-sizing: border-box;max-width: 360px;background: #f5fab5;padding: 15px;gap: 5rem;position: relative}.card-content{margin-top: 1px;margin-bottom: 50px;margin-left: 8px;margin-right: 2px}.card img{margin-top: 9px;border-radius: 9px;border: 1px solid #383227;box-shadow: 4px 4px 0 #383227;display: block;max-width: 100%}.cardes{display: grid;gap: 5rem;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))}.carde{margin-top: 30px;margin-bottom: 52px;gap: 5rem;top: 20px;border: 1px solid #383227;border-radius: 5px;box-shadow: 10px 10px 0 #383227;box-sizing: border-box;background: #f5fab5;padding: 20px;position: relative}.carde img{border-radius: 9px;display: block;max-width: 100%}.form{border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;display: block;padding: 20px;margin-bottom: 20px;width: 50%;background: #fff}.nav{border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;display: block;padding: 20px;max-width: 100%;background: #de2b90}.nav-right{float: right}.link{color: #fff;text-decoration: none}footer{position: flex;border: 1px solid #383227;border-radius: 8px;background: #de2b90;box-shadow: 4px 4px 0 #383227;display: block;margin-top: 80px;padding: 20px;max-width: 100%;color: #fff;text-align: center}.button{border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;color: #fff;background: #de2b90;width: 180px;padding: 10px;margin-bottom: 5px;position: absolute;bottom: 8px;right: 16px;margin-right: 2px;text-decoration: none;font-size: 18px}button{border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;color: #fff;background: #de2b90;width: 180px;padding: 10px;margin-bottom: 5px;margin-right: 2px;text-decoration: none;font-size: 18px}span{border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;color: #fff;background: #000;width: 180px;padding: 10px;margin-bottom: 5px;margin-right: 2px;font-size: 18px}code{background: #000;border-radius: 0.4rem;font-size: 86%;box-shadow: 4px 4px 0 #383227;margin: 0 0.2rem;color: pink;padding: 0.2rem 0.5rem;white-space: nowrap}pre{background: #000;padding: 1rem 1.5rem;overflow-y: hidden;color: pink;box-shadow: 4px 4px 0 #383227;border-radius: 8px}pre > code{display: block;padding: 1rem 1.5rem;border: 1px solid #383227;border-radius: 8px;box-shadow: 4px 4px 0 #383227;display: block;color: pink;padding: 20px;max-width: 100%;background: #000}table{border-spacing: 0;padding: 1rem 1.5rem;border: 1px solid #383227;box-shadow: 4px 4px 0 #383227;display: block;overflow-x: auto;text-align: left;margin-bottom: 10px;width: 100%}td,th{width: 100%;border-bottom: 0.1rem solid #000;padding: 1.2rem 1.5rem}blockquote{padding: 1rem 1.5rem;color: purple}a:link{text-decoration: none}a:visited{text-decoration: none}img{max-width: 100%}