.error {animation :error 0.5s 1 linear;-webkit-animation:error 0.5s 1 linear;-moz-animation:error 0.5s 1 linear;-o-animation:error 0.5s 1 linear;}@keyframes error {0% {transform:translate(30px);background-color:var(--a3);}20% { transform:translate(-30px); }40% { transform:translate(15px); }60% { transform:translate(-15px); }80% { transform:translate(8px); }100% {transform:translate(0px);background-color:initial;}}@-webkit-keyframes error {0% {-webkit-transform:translate(30px);background-color:var(--a3);}20% { -webkit-transform:translate(-30px); }40% { -webkit-transform:translate(15px); }60% { -webkit-transform:translate(-15px); }80% { -webkit-transform:translate(8px); }100% {-webkit-transform:translate(0px);background-color:initial;}}@-moz-keyframes error {0% {-moz-transform:translate(30px);background-color:var(--a3);}20% { -moz-transform:translate(-30px); }40% { -moz-transform:translate(15px); }60% { -moz-transform:translate(-15px); }80% { -moz-transform:translate(8px); }100% {-moz-transform:translate(0px);background-color:initial;}}@-o-keyframes error {0% {-o-transform:translate(30px);background-color:var(--a3);}20% { -o-transform:translate(-30px); }40% { -o-transform:translate(15px); }60% { -o-transform:translate(-15px); }80% { -o-transform:translate(8px); }100% {-o-transform:translate(0px);background-color:initial;}}svg > * {fill:transparent;stroke:var(--g0);}.assoc-line {stroke:var(--a3);}svg .filled {fill:var(--a1);}svg.highlighted .filled {fill:var(--a2);}.form-page * {box-sizing:border-box;font-family:'Poppins', sans-serif;}#form-page {width:100vw;overflow:hidden;}#form-page-after {justify-content:space-between;}#form-page .error-message {position:absolute;top:30px;padding:6px 30px;background-color:rgba(255, 0, 0, 0.12);color:var(--a3);font-size:13px;border-radius:3px;animation:slide-top 3s cubic-bezier(0.25, 0.45, 0.45, 0.95) both;}@keyframes slide-top {0% {transform:translateY(-5px);opacity:0;}5% {transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(-5px);opacity:0;}}#form-page #form-question {position:relative;background-color:#fff;width:90vw;max-width:450px;margin:0 auto;padding:2.5em;border-radius:15px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}#form-page #form-question-text {white-space:normal;justify-content:left;}#form-page #form-question-options {margin:25px 0;}#form-page #form-question-options label {display:flex;align-items:center;margin-bottom:5px;}#form-page #form-question-options input[type="radio"] {content:'';width:16px;height:16px;border-radius:50%;background-color:#fff;border:1px solid var(--g1);display:inline-block;vertical-align:middle;margin:0 4px 3px 0;cursor:pointer;}#form-page #form-question-options input[type="radio"]:hover {border-color:var(--a2);}#form-page #form-question-options input[type="radio"]:checked {background-color:#fff;border:5px solid var(--a2);}#form-page #form-question-options input[type="checkbox"] {position:relative;appearance:none;-webkit-appearance:none;border-radius:2px;}#form-page #form-question-options input[type="checkbox"] {content:'';width:16px;height:16px;background-color:#fff;border:1px solid var(--g1);display:inline-block;vertical-align:middle;margin:0 4px 3px 0;cursor:pointer;}#form-page #form-question-options input[type="checkbox"]:hover {border-color:var(--a2);}#form-page #form-question-options input[type="checkbox"]:checked {background-color:var(--a2);border-color:var(--a2);}#form-page #form-question-options input[type="checkbox"]:checked::before {content:'\2714';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:12px;color:#fff;}#form-page strong {color:var(--a3);}#form-page .form-option {margin:5px;font-weight:300;display:block;user-select:none;}#form-page select {width:100%;height:24px;background-color:#fff;border-radius:12px;border:1px solid var(--g2);appearance:auto !important;}#form-page #form-question-button-container {display:flex;justify-content:end;}#form-page #form-submit {display:block;text-align:center;}#form-page #form-submit-button {margin-top:20px;}#form-page .form-question-button-div {display:inline-block;margin:0 5px;}#form-page button, #form-page .button {background:var(--a2);border-radius:30px;color:#fff;border:none;padding:8px 15px 8px 15px;cursor:pointer;white-space:nowrap;}#form-page button:hover, #form-page .button:hover {background:var(--a3);}#form-page input[type="range"] {border:none;margin:15px 0;width:100%;height:8px;background:var(--g2);outline:none;border-radius:4px;}#form-page input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--a2);cursor:pointer;border-radius:50%;}#form-page input[type="range"]::-moz-range-thumb {width:18px;height:18px;background:var(--a2);cursor:pointer;border-radius:50%;}#form-page .range-opinion-spans {display:flex;justify-content:space-between;user-select:none;}#form-page .range-opinion-spans span {text-align:center;word-wrap:break-word;white-space:pre-wrap;max-width:10px;}.fraction {display:grid;grid-template-columns:3ch;grid-template-rows:1fr 3px 1fr;align-items:center;justify-content:end;column-gap:0.5ch;margin:5%;}.fraction.mixed {grid-template-columns:3ch 3ch;width:6.5ch;}.fraction.mixed > :first-child {grid-row:1/4;grid-column:1/2;align-self:center;}.fraction.mixed > * {grid-column:2/3;}.fraction::after {content:"";display:block;width:100%;height:1px;background-color:var(--g0);grid-row:2 / 3;}.fraction > input {background-color:#fff;border-radius:0;border:1px solid var(--g0);}.fraction > input[readonly] {border:none;background-color:transparent;}.gallery {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;gap:50px;padding:50px 0;min-height:50vh;}.gallery > .activity {display:flex;flex-direction:column;align-items:center;aspect-ratio:1;justify-content:center;padding:10%;background-color:#fff;border-radius:10px;box-shadow:1px 1px 3px var(--g1);}.activity > .fraction {order:2;}.gallery > .associate, .gallery > .set {flex-direction:row;grid-column:span 2;position:relative;}.associate > section {display:flex;min-height:70%;flex-direction:column;justify-content:space-evenly;align-items:center;margin:auto;gap:10px;}.input {background-color:var(--a1);border-radius:10px;margin:50px 0;padding:10px;display:grid;grid-template-columns:2fr 1fr 2fr 1fr 2fr 1fr;grid-template-rows:auto;gap:10px;}.input > *:not(:first-child):not(:last-child) {display:flex;align-items:center;min-height:20px;}.input > label::after {content:":";}.input > :first-child {grid-column:1/7;font-size:1.5em;margin-bottom:20px;color:#fff;background-color:var(--a2);width:fit-content;padding:2px 10px;border-radius:5px;}.input > :last-child {grid-column:1/7;margin:0 35%;font-size:1.5em;}.input label {font-weight:bold;}#sequences .toolBar {display:flex;align-items:center;justify-content:center;gap:20px;}#menu {background-color:var(--g0);box-shadow:0px 3px 5px var(--c5);width:80vw;height:15vh;padding:0 5vw;z-index:100;display:flex;align-items:center;justify-content:space-between;color:var(--c3);transition:all 0.3s ease-in;}#top-of-site-pixel-anchor {position:absolute;width:1px;height:1px;top:5vh;left:0;}body.has-scrolled #menu {height:10vh;padding:0 10vw;}body.has-scrolled main {height:90vh;}#menu.is-pinned {padding:0 10vw;}#menu > nav {min-width:30%;display:flex;align-items:center;justify-content:flex-end;font-weight:500;}#menu > nav > * {margin-left:5%;}#menu > nav > a:hover, #menu > nav > a.active:hover {color:var(--c4);}#menu > nav > a.active {color:var(--c4);position:relative;}#menu > nav > a.active::after {content:'';position:absolute;top:100%;right:0;width:0;height:2px;background-color:var(--a2);transition:all 300ms ease-in-out;}#menu > nav > a.active:hover::after {width:100%;left:0;}#check {display:flex;height:50%;align-items:center;color:var(--g3);font-size:2em;line-height:0;}#check > svg {height:0.8em;width:1.2em;}#check > p {font-size:100%;line-height:1;padding-top:0.2em;letter-spacing:0.15ch;font-weight:200;margin:0;}#check > svg > g {fill:var(--c3);stroke:none;}#menu summary::marker {content:none;}#menu details {width:fit-content;display:flex;justify-content:flex-start;align-items:flex-start;position:relative;}#menu details > summary {width:fit-content;}#menu details[open] > summary {border-radius:5px 5px 0 0;}#menu details > ul {width:fit-content;border-radius:0 0 5px 5px;padding:3px;display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 1px 2px #ddd;transform-origin:top;transform:scaleY(0);transition:all 1s ease-in-out;}#menu details[open] > ul {transform:scaleY(1);transition:all 1s ease-in-out;}#menu details > ul > li {padding:3px 0;width:3cm;}#menu details > ul > li::marker {content:"";display:none;}@media screen and (orientation:portrait) {#top-of-site-pixel-anchor {display:none;}#menu {width:100vw;height:10vh;box-shadow:none;position:fixed;top:0;left:0;padding:0 10vw;}body main, body.has-scrolled > main {height:85vh;margin-top:10vh;}#sandwich {display:block;position:fixed;width:8vw;height:0.6vh;background-color:var(--g3);right:10vw;top:4.7vh;border-radius:0.3vh;}#sandwich::before,#sandwich::after {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(-200%);background-color:inherit;border-radius:0.3vh;}#sandwich::after {transform:translateY(200%);}#menu.opened #sandwich {transform:rotate(45deg);}#menu.opened #sandwich::before,#menu.opened #sandwich::after {transform:rotate(-90deg);}#menu > nav {width:80vw;height:90vh;position:fixed;padding:5vh 10vw;top:10vh;left:0;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3vh;backdrop-filter:blur(5px) brightness(0.15);}#menu > nav > a,#menu > nav > details {margin:0;height:4vh;width:calc(70% - 2ch - 4px);display:flex;align-items:center;justify-content:flex-start;border:2px solid var(--c4);color:var(--c4);border-radius:5px;font-weight:700;flex-basis:auto;padding:0 1ch;transition:all 0.5s ease-in-out;}#menu > nav > details {background-color:var(--c4);color:var(--c2);}#menu > nav > a.active {width:calc(100% - 2ch - 4px);}#menu > nav > a.active::after {display:none;}#menu > nav > details > summary.button {height:100%;width:100%;padding:0;display:flex;align-items:center;justify-content:flex-start;color:var(--c1);background-color:transparent;font-weight:700;}#menu.opened > nav {display:flex;animation:appear .5s ease-in-out backwards;}#menu > nav > details > div {margin:1em -1ch;border-radius:5px;}#menu > nav > details > div > a {padding:calc(1ch - 2px);}}@media screen and (max-height:600px), screen and (max-width:600px) {#menu details > div {font-size:0.75em;}}#home section {padding:5vh 0;}#home section > article {box-shadow:1px 1px 3px var(--g1);border-radius:var(--x);padding:calc(var(--x) * 2);background-color:#fff;}#home h2 {font-size:1.6em;margin-bottom:0.5em;font-weight:900;}#home #profile-section h2 {font-size:2em;margin:0;font-weight:bold;}#home #profile-section {display:grid;grid-template-columns:4fr 6fr;gap:1em;}#home #statistics {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--x) * 2);}#home #statistics > article {height:100%;width:30%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr;text-align:center;padding:var(--x);}#home #statistics > article:last-child {grid-template-columns:1fr;}#home #statistics h3 {position:relative;grid-column:1/3;grid-row:1/2;text-transform:uppercase;font-size:0.65em;text-align:left;}#home #statistics h3::after {content:'';width:100%;height:1px;background-color:var(--g2);position:absolute;top:1.5em;left:0;}#home #statistics p {font-size:2em;align-self:center;font-weight:bold;margin:0;}#home .chart {position:relative;background-color:var(--c4);align-self:center;justify-self:center;height:2em;aspect-ratio:1/6;}#home .chart::before {content:'';position:absolute;bottom:0;left:-200%;background-color:var(--c2);height:70%;width:120%;}#home .chart::after {content:'';position:absolute;bottom:0;right:-200%;background-color:var(--c3);height:40%;width:120%;}#home #resume-section {display:grid;grid-template-columns:1fr 3fr;gap:5%;}#home #resume-section h2 {grid-column:1/3;}#home #resume-section h3 {font-size:1.8em;}#home #prev-sequence {display:grid;grid-template-columns:1fr;}#home #prev-sequence .sequence {font-size:0.9em;color:var(--g1);}#home #prev-sequence .description {font-size:1.2em;line-height:1.5;color:var(--g1);}#home #prev-sequence button {width:fit-content;height:fit-content;padding:var(--x);margin-top:var(--x);}#home #frequence-chart {display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:0.5em;}#home #frequence-chart > p {line-height:100%;}#home #frequence-chart .fraction {display:inline-grid;font-size:0.75em;vertical-align:middle;margin:0 1ch;}#home #resume-all-section {display:grid;grid-auto-rows:auto;grid-template-columns:repeat(4, 22%);gap:4%;}#home #resume-all-section h2 {grid-column-start:1;grid-column-end:5;}#home #resume-all-section article {display:flex;flex-direction:column;align-items:center;aspect-ratio:4/5;}#home #resume-all-section article .pseudo-img {display:block;background-color:var(--g2);width:100%;border-radius:5px;margin-bottom:10px;aspect-ratio:4/3;}#home #resume-all-section p,#home #resume-all-section h3 {width:100%;}#home #resume-all-section p {font-size:0.8em;}input:not([raw]), select:not([raw]), button:not([raw]), .button {border-radius:calc(var(--x) * 0.5);-moz-appearance:textfield;appearance:none;text-align:center;}input[readonly] {cursor:default;}input[type=checkbox] {-moz-appearance:checkbox;appearance:checkbox;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select {-webkit-appearance:none;appearance:none;}input:focus-visible, select:focus-visible {outline:none;}button, .button {cursor:pointer;background-color:var(--a2);color:#fff;font-weight:600;padding:calc(var(--x) * 0.5);}button:not(.ir):hover, .button:hover {background-color:var(--a3);color:#fff;}#landing main a {color:var(--c3);position:relative;display:inline-block;}#landing main a::after {content:'';position:absolute;top:80%;right:1%;width:0;height:2px;background:linear-gradient(var(--c2), var(--c3));transition:all 300ms ease-in-out;}#landing main a:hover::after {width:98%;left:1%;}#landing cite {font-style:normal;}#landing main > section {width:100%;margin:10vh 0;}#landing main > section > section {width:100%;margin:5vh 0;}#landing main > section:first-of-type {margin:0;}#landing h1, #landing h2, #landing h3 {text-align:left;justify-content:left;transform:scaleY(1.15);letter-spacing:0.05ch;}#landing #banner {display:grid;grid-template-columns:auto auto;gap:5vw;align-items:center;}#landing #banner .img-container {display:flex;margin-top:0.5em;align-items:flex-start;justify-content:center;position:relative;transform:rotateX(30deg) rotateY(15deg);transform-origin:50% 50%;transform-style:preserve-3d;}#landing #banner .img-container::before,#landing #banner .img-container::after {content:'';position:absolute;width:48vh;height:48vh;border:4px solid var(--c3);border-radius:10px;transform:translate3D(5px, 0, 40px);transform-style:preserve-3d;top:0;left:0;}#landing #banner .img-container::after {transform:translate3D(-10px, 0, -20px);transform-style:preserve-3d;z-index:-1;border:4px solid var(--c1);background-color:var(--c1);}#landing #banner .img-container img {width:48vh;height:48vh;border-radius:10px;box-shadow:1px 1px 3px var(--c1);}#landing #banner > section {max-width:100%;}#landing #banner h1 {font-size:3em;padding:10vh 0 5vh;font-weight:800;}#landing #banner .full-line {display:inline;margin-left:-0.05ch;font-size:calc(9vw);color:var(--c3);}#landing h2 {font-size:2em;padding-top:1em;font-weight:700;position:relative;}#landing h3 {padding-top:1em;font-size:1.5em;font-weight:700;}#landing h2::before,#landing #sobre h3::before {content:'>>';padding-top:1em;font-weight:500;position:absolute;top:0;left:0;transform:translateX(-150%);color:var(--c4)}#landing #sobre h3::before {content:'echo (';transform:translateX(calc(-100% - 0.75ch));}#landing #sobre h3::after {content:' )';color:var(--c4)}#landing .timeline > ul {margin-top:5vh;list-style:none;display:flex;flex-direction:column;gap:3vh;position:relative;text-align:center;}#landing .timeline > ul > li {display:flex;height:10vh;width:calc(40% - 4px);border-radius:10px;align-items:center;justify-content:center;border:4px solid var(--c2);position:relative;background-color:var(--c5);font-weight:600;font-variant:small-caps;font-size:1.5em;}#landing .timeline > ul > li:nth-child(2n) {align-self:flex-end;}#landing .timeline > ul > li:first-child::before {content:'';display:block;position:absolute;width:5vh;height:5vh;top:0;left:0;transform:translate(-100%, -1vh);border-bottom:4px dashed var(--c2);border-left:4px dashed var(--c2);pointer-events:none;}#landing .timeline > ul > li:nth-child(2n)::before {content:'';display:block;position:absolute;width:calc(100% - 4px);height:9vh;top:0;left:0;transform:translate(-50%, -100%);border-top:4px dashed var(--c2);border-right:4px dashed var(--c2);pointer-events:none;}#landing .timeline > ul > li:nth-child(2n+1):not(:first-of-type)::before {content:'';display:block;position:absolute;width:calc(100% - 4px);height:9vh;top:0;left:0;transform:translate(50%, -100%);border-top:4px dashed var(--c2);border-left:4px dashed var(--c2);pointer-events:none;}#landing #devlog > .devlog-container {margin-top:3vh;background-color:var(--g0);height:60vh;color:var(--g3);padding:3vh;position:relative;overflow:hidden;}#landing #devlog > .devlog-container::before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0px -60px 40px var(--g0);z-index:2;pointer-events:none;}#landing #devlog > .devlog-container > a {position:absolute;bottom:5vh;right:5vh;display:flex;align-items:center;justify-content:center;z-index:3;color:var(--g0);margin:0;padding:0 1ch;background-color:var(--c4);font-size:1.5em;font-family:'Sono', monospace;transform:none;border:2px solid var(--c4);transition:all 0.3s linear;}#landing #devlog > .devlog-container > a:hover {background-color:transparent;border:2px solid var(--g0);color:var(--c4);}#landing #devlog > .devlog-container > a::after {content:'';display:none;}#landing #devlog .devlog-content {height:100%;}#landing #devlog .devlog-content * {font-family:'Sono', monospace;font-weight:300;list-style:none;}#landing #devlog .devlog-content *::before,#landing #devlog .devlog-content *::after {padding-right:1ch;color:var(--c4);}#landing #devlog .devlog-content *:not(h3) {padding-left:2ch;margin:.5em 0 0;}#landing #devlog .devlog-content > section:not(:first-of-type) > h3 {margin-top:2em;}#landing #devlog .devlog-content > section > h3::before {content:'>';}#landing #devlog .devlog-content > section > h3::after {content:'';}#landing #devlog .devlog-content > section > section > h4 {color:var(--c4);}#landing #devlog .devlog-content > section > section > h4::before {content:'[';padding-right:0;}#landing #devlog .devlog-content > section > section > h4::after {content:']';}#landing #devlog .devlog-content > section > section > ul > li::before {content:'>';}#landing #devlog .devlog-content > section > section > ul > li > ul > li::before {content:'∗';}#landing #equipe {min-height:35vw;}#landing #equipe > .people {display:flex;align-items:flex-start;justify-content:space-evenly;}#landing #equipe > .people > .person {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2vw;width:16vw;height:16vw;background-color:#fff;border-radius:10px;border:3px solid var(--c3);transition:all 0.5s ease-in-out;position:relative;}#landing #equipe > .people > .person:hover {border-radius:0;margin-top:4vw;}#landing #equipe > .people > .person > img {width:16vw;height:16vw;padding-bottom:2.5vw;z-index:2;}#landing #equipe > .people > .person:hover > img {border-radius:0;transform:translateY(-6vw) translateX(-0.25vw);margin-bottom:-6vw;}#landing #equipe > .people > .person::before {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;}#landing #equipe > .people > .person:hover::before {top:-6vw;}#landing #equipe > .people > .person::after {content:'';display:block;position:absolute;width:16vw;height:16vw;top:2vw;left:2vw;background-color:var(--c3);}#landing #equipe > .people > .person:hover::after {top:-3.5vw;left:2.25vw;}#landing #equipe > .people > .person > .person-info {display:none;opacity:0;}#landing #equipe > .people > .person:hover > .person-info {display:block;opacity:1;animation:appear 0.5s ease-in-out backwards;}@keyframes appear {0% {display:none;opacity:0;}10% {display:block;opacity:0;}100% {display:block;opacity:1;}}#landing #equipe > .people > .person > .person-info > h3,#landing #equipe > .people > .person > .person-info > p {font-size:14px;text-align:center;padding:0;margin:0;}#landing #equipe > .people > .person > .person-info > a::after {display:none;}@media screen and (max-height:600px), screen and (max-width:600px) {#landing #equipe > .people > .person > .person-info > h3,#landing #equipe > .people > .person > .person-info > p {font-size:10px;}}@media screen and (orientation:portrait) {#landing #top-of-site-pixel-anchor {display:block;width:100vw;height:34vh;position:absolute;top:0;left:0;background:linear-gradient(to bottom, transparent, transparent 70%, var(--g3));z-index:-1;}#landing main > section {margin:0;}#landing #banner {display:flex;flex-direction:column;gap:0;}#landing #banner .img-container {transform:none;width:100vw;height:20vh;padding:2vh 0;background-color:#fff;margin:0;z-index:-2;justify-content:flex-start;}#landing #banner .img-container > img {height:100%;width:auto;box-shadow:none;}#landing #banner .img-container::before,#landing #banner .img-container::after {display:none;}#landing main > section > section {margin:0;height:auto;}#landing #banner h1 {padding:0;}#landing #banner .full-line {font-size:2em;}#landing #banner p {margin-top:1.5em;}#landing h2 {margin-left:2ch;}#landing h3 {margin-left:6ch;}#landing .timeline > ul {width:90%;margin:5vh auto;}#landing .timeline > ul > li {font-size:1em;height:5vh;border-width:3px;border-radius:5px;}#landing .timeline > ul > li:nth-child(2n)::before,#landing .timeline > ul > li:nth-child(2n+1):not(:first-of-type)::before {width:100%;height:100%;border-width:3px;}#landing .timeline > ul > li:nth-child(2n+1):not(:first-of-type)::before {transform:translate(50%, -100%);}#landing .timeline > ul > li:first-child::before {width:2.5vh;height:4vh;border-width:3px;}#landing #devlog .devlog-container {width:90%;padding:5%;}#landing #devlog .devlog-container::before {box-shadow:inset 0px -16vh 6vh var(--g0)}#landing #devlog .devlog-content * {margin:0;}#landing #devlog .devlog-content h3,#landing #devlog .devlog-content > section:not(:first-of-type) > h3{margin:0;font-size:1em;}#landing #devlog > .devlog-container > a {right:50%;transform:translateX(50%);width:60vw;}#landing #equipe {min-height:30vh;}#landing #equipe > .people {margin:3vh 0;row-gap:3vh;flex-wrap:wrap;}#landing #equipe > .people > .person {width:36vw;height:36vw;border-radius:0;margin-top:5vh;pointer-events:none;}#landing #equipe > .people > .person > img,#landing #equipe > .people > .person::after {width:32vw;height:32vw;}#landing #equipe > .people > .person > img {transform:translate(-0.5vh, -5vh);}#landing #equipe > .people > .person > .person-info {transform:translate(0, -4vh);}#landing #equipe > .people > .person::after {top:4vw;left:4vw;transform:translate(0.5vh, -5vh);}#landing #equipe > .people > .person > .person-info {display:block;opacity:1;}#landing #equipe > .people > .person > .person-info > h3,#landing #equipe > .people > .person > .person-info > p {font-size:0.75em;}#landing #equipe > .people > .person:nth-child(2n) {margin-left:auto;}}@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');.login-page * {margin:0;padding:0;box-sizing:border-box;font-family:'poppins', sans-serif;}#login-page {width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--g2);overflow:auto;}#login-page .error-login-message {position:absolute;top:30px;padding:6px 30px;background-color:rgba(255, 0, 0, 0.12);color:var(--a3);font-size:13px;border-radius:3px;animation:slide-top 3s cubic-bezier(0.25, 0.45, 0.45, 0.95) both;}@keyframes slide-top {0% {transform:translateY(-5px);opacity:0;}5% {transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(-5px);opacity:0;}}#login-page .form-container {background-color:#fff;padding:6px;width:350px;height:335px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;border-radius:15px;box-shadow:0px 0px 10px rgba(0,0,0,0.6);transition:.3s;}#login-page h2 {text-align:center;font-size:22px;margin:25px;}#login-page form {position:absolute;width:300px;display:flex;flex-direction:column;left:25px;}#login-page #signup-student {display:none;margin-top:100px;}#login-page #signup-teacher {display:none;margin-top:100px;flex-wrap:wrap;}input[type="text"],input[type="email"],input[type="password"] {border:none;font-size:13px;text-align:left;background-color:var(--g3);border-radius:18px;padding:8px 35px 8px 37px;outline:none;width:300px;height:36px;margin-bottom:15px;}#login-page .checkbox-terms {margin:0 8px;font-size:12px;color:rgba(0,0,0,0.7);}#login-page button[type="submit"] {background:var(--a2);color:#fff;border-radius:30px;width:100%;border:none;outline:none;margin:18px 0;padding:8px 15px 8px 15px;font-size:15px;cursor:pointer;}#login-page button[type="submit"]:hover {background:var(--a3);}#login-page .form-buttons {display:none;margin-top:25px;position:relative;border-radius:30px;box-shadow:0 0 7px 0 rgba(0,0,0,0.3);}#login-page .form-buttons #btn-student,#login-page .form-buttons #btn-teacher {color:#000;font-weight:500;cursor:pointer;background:none;border:none;font-size:15px;position:relative;}#login-page .form-buttons #btn-student {padding:10px 40px 10px 40px;}#login-page .form-buttons #btn-teacher {padding:10px 25px 10px 15px;}#login-page .form-buttons #btn-student:hover,#login-page .form-buttons #btn-teacher:hover {color:#000 !important;}#login-page .btn-color {display:none;position:absolute;width:120px;height:100%;background:var(--a1);border-radius:30px;transition:.35s;}#login-page #forgotpass-link {background-color:transparent;border:none;margin-bottom:18px;color:rgba(0,0,0,0.7);text-decoration:none;display:flex;justify-content:center;font-size:13px;}#login-page #forgotpass-link:hover {text-decoration:underline;}.signin-link,.signup-link {border:none;color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;font-size:13px;}#create-account,#enter-account-1,#enter-account-2 {color:var(--a2);border:none;background:none;}#create-account:hover,#enter-account-1:hover,#enter-account-2:hover {text-decoration:underline;color:var(--a3);cursor:pointer;}#login-page a {color:var(--c1);}#login-page .material-icons {position:absolute;transform:scale(0.8);margin-top:5px;left:6px;user-select:none;}#visibility-icon-login.material-icons,#visibility-icon-student-1.material-icons,#visibility-icon-student-2.material-icons,#visibility-icon-teacher-1.material-icons,#visibility-icon-teacher-2.material-icons {transform:scale(0.7);color:rgba(0, 0, 0, 0.4);margin-top:6px;left:265px;cursor:pointer;}:root {--x:calc(0.5vw + 0.5vh);--a1:#edc951;--a2:#eb6841;--a3:#cc333f;--b1:#6a4a3c;--c1:#01303f;--c2:#02577a;--c3:#02a9f7;--c4:#89d6fb;--c5:#d4f0fc;--g0:#222222;--g1:#666666;--g2:#EEEEEE;--g3:#FAFAFA;}*, ::before, ::after {margin:0;margin-inline-start:0;margin-inline-end:0;padding:0;padding-inline-start:0;padding-inline-end:0;padding-block-start:0;padding-block-end:0;border:none;color:inherit;font-family:inherit;z-index:inherit;font-size:inherit;transition:all 0.3s ease-in-out;}html, body {display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;height:100vh;width:100vw;background-color:var(--g3);font-family:'Anybody', 'Open Sans', sans-serif;font-size:calc(var(--x)*1.7);}body {background:url(../img/dotbg.svg) center center;background-size:25px auto;}main {color:var(--g0);width:80vw;height:80vh;padding:0 10vw;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;}img {background-size:cover;background-position:center;}.hidden {visibility:hidden !important;}.no-display {display:none !important;}.clickable {cursor:pointer;}footer {width:100%;height:5vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--g1);}footer > p {margin:0;padding:0;line-height:1;}@media screen and (orientation:portrait) {main {width:90vw;padding:0 5vw;}}@media screen and (prefers-reduced-motion:reduce) {* {animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}}.minifigure {filter:brightness(200%);}.minifigure-pattern-1 { fill:url(#pattern-1); }.minifigure-pattern-2 { fill:url(#pattern-2); }.minifigure-pattern-3 { fill:url(#pattern-3); }.minifigure-pattern-4 { fill:url(#pattern-4); }.minifigure-pattern-5 { fill:url(#pattern-5); }::-webkit-scrollbar {width:20px;height:20px;}::-webkit-scrollbar-track {background:transparent;border-radius:5px;}::-webkit-scrollbar-thumb {background-color:var(--c2);border:5px solid transparent;border-radius:10px;background-clip:content-box;}::-webkit-scrollbar-thumb:hover {background-color:var(--c1);}@media screen and (orientation:portrait) {::-webkit-scrollbar {display:none;}}#sequences > main {padding:2em;}a {text-decoration:none;}a:focus-visible {outline:none;}.bold {font-weight:bold;}p {margin-block-start:0;margin-block-end:0;margin-top:1em;line-height:1.5;letter-spacing:0.15ch;}em {padding:3px 5px;font-style:normal;background-color:var(--c5);color:#000;}figure.quote {margin-top:2vh;padding:2vh;background-color:var(--g2);border-radius:10px;}figure.quote p {margin:0;}figure.quote > blockquote > p::before {content:'"';font-family:serif;}figure.quote > blockquote > p::after {content:'"';font-family:serif;}figure.quote > figcaption > p {margin-top:1em;}figure.quote > figcaption > p::before {content:'(';}figure.quote > figcaption > p::after {content:')';}figure.quote .author {text-transform:uppercase;}