body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.transclass{width:500px}.transclass:hover{transition:width .5s linear 0s;width:500px}.container{background:#23223a;border-radius:5px;padding:1.7rem}.code{color:#fff;font-size:.9rem;white-space:nowrap}.code .imas{color:#ff0;display:inline;font-size:.9rem}.c2{display:inline-block;margin-top:5%}.typed-out{-webkit-animation:typing 1.5s steps(20) forwards,blinking .75s infinite;animation:typing 1.5s steps(20) forwards,blinking .75s infinite;border-right:.15em solid orange;color:cyan;font-size:.9rem;margin-top:10%;overflow:hidden;white-space:nowrap;width:0}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blinking{0%{border-color:transparent}to{border-color:orange}}@keyframes blinking{0%{border-color:transparent}to{border-color:orange}}.code_celestial_blue{color:#5498d0}.code_drab_green{color:#6b9955}.code_purple_dragon{color:#c586c0}.code_buring_sand{color:#ce9178}.code_hampton{color:#dcdbab}.code_quill_grey{color:#d4d4d4}.code_columbia_blue{color:#9dddff}.code_crystal_blue{color:#50c1ff}.code_jellyfish{color:#4ec9b0}.code_rubber_ducky_yellow{color:#ffd702}
/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.typewriter-container{display:inline-block;font-family:monospace;padding:20px;position:relative}.cursor,.typed-text{display:inline-block}.cursor{-webkit-animation:blink .5s infinite;animation:blink .5s infinite}#border{-webkit-animation:animated-cursor .6s steps(30) infinite;animation:animated-cursor .6s steps(30) infinite;border-bottom:3px solid hsla(0,0%,9%,.75);position:absolute;right:-7px;width:20px}@-webkit-keyframes blink{0%{border-bottom-color:hsla(0,0%,9%,.75)}to{border-bottom-color:transparent}}@keyframes blink{0%{border-bottom-color:hsla(0,0%,9%,.75)}to{border-bottom-color:transparent}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.form__group{margin-top:10px;padding:15px 0 0;position:relative;width:50%}.form__field{background:transparent;border:0;border-bottom:2px solid #9b9b9b;color:#000;font-family:inherit;font-size:1rem;outline:0;padding:7px 0;transition:border-color .2s;width:95%}.form__field::-webkit-input-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{cursor:text;font-size:1rem;top:20px}.form__label{color:#9b9b9b;display:block;font-size:1rem;position:absolute;top:0;transition:.2s}.form__field:focus{border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px}.form__field:focus~.form__label{color:#11998e;display:block;font-size:1rem;font-weight:700;position:absolute;top:0;transition:.2s}.form__field:invalid,.form__field:required{box-shadow:none}body{background-color:#ffdead;font-family:Poppins,sans-serif;font-size:1rem;min-height:100vh}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.groupTable{background-color:#f8e5bd;border:1px solid red;filter:alpha(opacity=40);opacity:.95}