*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body div#root{background-color:#52057b;height:100vh;width:100%}div.bubble{background-color:#bc6ff1;box-shadow:inset 0 0 10px #00000080;height:240px;margin:20px;width:240px}div.bubble,div.bubble figure{align-items:center;display:flex;justify-content:center;padding:10px}div.bubble figure{background-color:#892cdc;box-shadow:inset 0 0 20px #00000080;height:220px;width:220px}div.bubble figure img{background-color:#52057b;box-shadow:inset 0 0 30px #00000080;height:200px;width:200px}div#universe{background-color:#52057b;display:grid;grid-template-columns:50px 1fr;grid-template-rows:50px 1fr;height:100vh;left:0;position:fixed;top:0;transition:all .5s ease;width:100%}div#universe nav{align-items:center;background-color:#fff;display:flex;grid-column:1/3;grid-row:1/2;justify-content:space-between}div#universe nav div#logo{display:grid;grid-template-columns:50px 1fr;grid-template-rows:50px;width:-webkit-fit-content;width:fit-content}div#universe nav div#logo span.logo{align-items:center;background-color:#52057b;border-radius:0 0 0 25px;display:flex;grid-column:2/3;grid-row:1/2;justify-content:center}div#universe nav div#logo span.logo svg{height:40px;margin:5px;width:40px}div#universe nav div#logo span.logo svg g circle{stroke:#fff}div#universe nav div#logo span.logo svg g ellipse{fill:#fff}div#universe nav div#logo span.logo h1{color:#fff;font-size:1.75em;padding:0 10px 0 0}div#universe nav div#logo span.corner{background-color:#52057b;grid-column:1/2;grid-row:1/2;height:50px;width:50px}div#universe nav div#logo span.corner span.top.left{background-color:#fff;border-radius:0 25px 0 0;display:block;height:50px;width:50px}div#universe nav div#button{display:grid;grid-template-columns:1fr 50px;grid-template-rows:50px}div#universe nav div#button span.corner{background-color:#52057b;grid-column:2/3;grid-row:1/2;height:50px;width:50px}div#universe nav div#button span.corner span.top.right{background:#fff;border-radius:25px 0 0 0;display:block;height:50px;width:50px}div#universe nav div#button button{background-color:#52057b;border:none;border-radius:0 0 25px 0;display:none;grid-column:1/2;grid-row:1/2}div#universe nav div#button button svg{fill:#fff;height:40px;margin:5px;transition:all .5s ease;width:40px}div#universe nav div#button ul{align-items:center;background-color:#52057b;border-radius:0 0 25px 0;display:flex;justify-content:center;list-style-type:none;margin:0;padding:0 10px}div#universe nav div#button ul li{padding:0 10px}div#universe nav div#button ul li a{color:#fff;text-decoration:none}div#universe main{background-color:#fff;border-radius:0 25px 0 25px;grid-column:2/3;grid-row:2/3;height:calc(100vh - 50px);overflow-x:hidden;overflow-y:scroll}div#universe main::-webkit-scrollbar{background-color:#52057b;width:10px}div#universe main::-webkit-scrollbar-thumb{background-color:#892cdc;border-radius:5px}div#universe footer{align-items:flex-start;background-color:#fff;border-radius:25px 0 0 0;display:flex;flex-direction:column;grid-column:1/2;grid-row:2/3;justify-content:flex-end}div#universe footer span.corner{background-color:#52057b;height:25px;width:25px}div#universe footer span.corner span.bottom.left{background-color:#fff;border-radius:0 0 0 25px;display:block;height:25px;width:25px}div#universe footer ul{background-color:#52057b;border-radius:0 25px 0 0;list-style-type:none;margin:0;padding:10px 0}div#universe footer ul li{padding:10px 0}div#universe footer ul li a{text-decoration:none}div#universe footer ul li a svg{fill:#bc6ff1;height:40px;margin:5px;transition:all .5s ease;width:40px}div#universe footer ul li a:hover svg{fill:#fff}ul.navAside{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;list-style-type:none;padding:0}ul.navAside li a{color:#bc6ff1;font-size:2em;font-weight:bolder;text-decoration:none}@media screen and (max-width:500px){div#universe nav div#button button{display:block}div#universe nav div#button ul{display:none}div#universe main::-webkit-scrollbar{width:0}}header{flex-wrap:wrap;justify-content:space-around;min-height:calc(100vh - 50px);padding:20px 0}header div.welcome{align-items:center;border-left:5px solid #52057b;border-radius:25px 0 0 0;border-top:5px solid #52057b;display:flex;justify-content:center;max-width:400px;width:calc(100vw - 75px)}header aside{border-bottom:5px solid #52057b;border-radius:0 0 25px 0;border-right:5px solid #52057b;margin:10px;max-width:440px;padding:20px}header aside h1{color:#52057b;text-align:center}header aside h1 strong{color:#892cdc}header aside p{color:#52057b;text-align:center}header aside p strong{color:#892cdc;font-weight:700}@media screen and (max-width:500px){header div.welcome{border-left:0;border-top:0}header aside{border-bottom:0;border-right:0}}header{align-items:center;display:flex;flex-direction:column;justify-content:center}header span.title{padding:0 10px}header span.title h2{color:#892cdc;font-size:2em;font-weight:700;padding:20px 0;text-align:center}header span.title p{color:#52057b;padding:0 20px 0 0;text-align:center}header span.title p strong{color:#892cdc}header span.title ul{list-style-type:disc}header span.title ul li{color:#892cdc}header section.courses{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}header section.courses div.course{align-items:center;border:2px solid #52057b;border-radius:25px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:25px;max-width:300px;padding:0 10px 50px;width:calc(100vw - 100px)}header section.courses div.course svg{fill:#52057b;stroke:#892cdc;height:50px;margin:50px;width:50px}header section.courses div.course h4,header section.courses div.course p{color:#52057b;text-align:center}header section.courses div.course p strong,header section.courses div.course ul li{color:#892cdc}header section.courses div.course ul li strong{color:#52057b}header a{text-decoration:none}header a button{background-color:#52057b;border:none;border-radius:25px;color:#bc6ff1;margin:20px;padding:10px 20px}
/*# sourceMappingURL=main.229011c9.css.map*/