*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto", sans-serif;font-weight:400;line-height:1.5;color:#fff;z-index:10}a{text-align:center;text-decoration:none;color:#fff}a.btn,button.btn{background:#00acd9;width:fit-content;padding:.5em .75em;border-radius:5px}a.ani,button.ani{outline:0px solid white;transition:outline 0.085s ease}a.ani:hover,button.ani:hover{outline:3px solid white;transition:outline 0.085s ease}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem;font-weight:200}h5{font-size:1rem}p{margin-bottom:1em}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.2em;margin-bottom:1em}h1.notBold,h2.notBold,h3.notBold,h4.notBold,h5.notBold,h6.notBold{font-weight:normal}h1.colored,h2.colored,h3.colored,h4.colored,h5.colored,h6.colored,p.colored{color:black}input{line-height:1.2em;height:1.4em}span.decoBubble{z-index:1;position:absolute;border-radius:56% 44% 59% 41% / 50% 43% 57% 50%;background-image:linear-gradient(60deg, #ea536a, #b9216e)}span.decoBubble.small{width:15em;height:15em}span.decoBubble.medium{width:20em;height:20em}span.decoBubble.big{width:30em;height:30em}@keyframes outlineBtn{0%{outline:none}25%{outline:1px solid white}50%{outline:2px solid white}75%{outline:3px solid white}100%{outline:4px solid white}}@keyframes rotateIcon{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}header{position:absolute;width:100%;height:6em;padding:0 2em;display:flex;justify-content:space-between;z-index:10}header logo,header nav{width:fit-content;text-align:center}header logo{display:flex;align-items:center;width:10em}header logo img{width:100%}header nav{height:100%}header nav ul{text-transform:uppercase;height:100%;display:flex;flex-direction:row;align-items:center;gap:2em;list-style:none}body page{display:flex;flex-direction:column}footer{width:100%;height:fit-content;padding:2em 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:10;background:#020230}footer .display{margin:0 15em;display:flex;flex-direction:row;justify-content:space-evenly;gap:2em}footer .display div{display:flex;flex-direction:column;width:25%}footer .display div a{margin-bottom:1.2em;text-align:left}footer .display div form{display:flex;flex-direction:column;gap:1em}footer .display div form input[type="email"]{background:#020230;color:#fff;border:none;user-select:none;border-bottom:1px solid #ea536a}footer .display div form input[type="email"]:focus{outline:none;box-shadow:none}footer .display div form button{width:100%}section.error{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.red{color:red}.accent{color:#15c5fa}.colored{color:#00acd9}.w10{width:70%}.w20{width:70%}.w30{width:70%}.w40{width:70%}.w50{width:70%}.w60{width:70%}.w70{width:70%}.w80{width:70%}.w90{width:70%}.w100{width:70%}section{height:100vh;display:flex;align-items:center}section.hero{background-color:#020230;z-index:1}section.hero .display{display:flex;flex-direction:row}section.hero .display div{height:100%;width:50%;display:flex;flex-direction:column}section.hero .display div h1,section.hero .display div h2,section.hero .display div h3,section.hero .display div h4,section.hero .display div h5,section.hero .display div h6{text-align:left}section.hero .display .decoBubble.big{transform:translate(-5em, -5em)}section.hero .display .decoBubble.small{transform:translate(25em, -15em);background-image:linear-gradient(145deg, #ea536a, #b9216e);border-radius:47% 53% 34% 66% / 51% 42% 58% 49%}section.hero .display .decoBubble.medium{transform:translate(-8em, 18em);background-image:linear-gradient(285deg, #ea536a, #b9216e);border-radius:35% 65% 42% 58% / 59% 36% 64% 41%}section .display{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 15em;width:100%;height:fit-content}section .display .image{justify-content:center;align-items:center}section .display .image img{width:28em}section .display.row{flex-direction:row}section .display h1,section .display h2,section .display h3,section .display h4,section .display h5,section .display h6{width:100%;text-align:center}section .display .cardHolder{display:flex;flex-wrap:wrap;justify-content:center;gap:2em}section .display .cardHolder .card{cursor:context-menu;padding:2em 1em;width:30%;display:flex;justify-items:center;text-align:center;flex-direction:column;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#020230;border-radius:12px;border:1px solid rgba(255,255,255,0.125)}section .display .cardHolder .card:hover .imageContainer i{animation:rotateIcon 1.25s ease forwards}section .display .cardHolder .card .imageContainer{margin:auto;width:5em;height:5em;padding:1em;background-color:#00acd9;border-radius:50%;margin-bottom:1em}section .display .cardHolder .card .imageContainer img{width:100%;height:100%}section .display .cardHolder .card .btn{background-color:#ea536a;margin:auto}