*{box-sizing:border-box;margin:0;padding:0}body{background-color:#230641;font-family:Quicksand,sans-serif}.image{text-align:center}.image img{width:200px;position:relative;top:30px}header{text-align:center}header h1{-webkit-text-fill-color:transparent;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem}header p{color:#8964b0;margin-top:15px;font-size:1.25rem}#core-concepts{background-color:#140524;border-radius:5px;width:55%;margin:60px auto 0;padding:30px}#core-concepts h2{color:#a18aba;text-align:center;font-size:1.5rem;font-weight:700}#core-concepts .cores{text-align:center;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:60px;min-height:200px;margin-top:20px;list-style-type:none;display:grid}#core-concepts .cores #element{color:#fff}#core-concepts .cores #element h3{margin-bottom:20px}#core-concepts .cores #element p{color:#c5c4c7;font-size:.9rem;line-height:1.8}#core-concepts .cores #element img{width:100px;max-width:100%;height:100px}section{width:55%;margin:30px auto}section h3{color:#a18aba;margin-bottom:30px;font-size:1.25rem}section ul{margin-bottom:20px;list-style-type:none;display:flex}section ul li{color:#a18aba;border-radius:5px;margin-right:20px;padding:10px;font-size:1rem}section ul li.actvie{color:#fff;background-color:#7925d3}section .content{color:#ebe7ef;background-color:#2f1d43;border-radius:5px;padding:20px;line-height:1.7}
