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}main{align-items:center;background-color:#f6f6f9;display:flex;flex-direction:column;min-height:100vh;padding:1rem}.language-container{position:relative}#language{background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 5px #0000001a;height:40px;outline:none;padding:0;width:50px}.flag-option{align-items:center;background-color:initial;border:none;display:flex;height:100%;justify-content:center;padding:0;width:100%}.ORANGE .background-color,.ORANGE .color{color:#f98b48}.ORANGE .global-banner{background:linear-gradient(180deg,red,orange)}@media (hover:hover){.ORANGE .header a:hover{color:#f98b48}}.ORANGE .header a:after{background-color:#f98b48}.ORANGE .header a.active{color:#f98b48}@media (hover:hover){.BLUE .header a:hover{color:#4285e9}}.BLUE .header a:after{background-color:#4285e9}.BLUE .color{color:#4285e9}.BLUE .background-color{background-color:#4285e9}.BLUE .global-banner{background:linear-gradient(180deg,navy,#4285e9)}.BLUE .header a.active{color:#4285e9}.GREEN .color{color:#0a896b}.GREEN .background-color{background-color:#0a896b}.GREEN .global-banner{background:linear-gradient(180deg,#0a896b,#000)}@media (hover:hover){.GREEN .header a:hover{color:#0a896b}}.GREEN .header a:after{background-color:#0a896b}.GREEN .header a.active{color:#0a896b}@media (hover:hover){.RED .header a:hover{color:#d83400}}.RED .header a:after{background-color:#d83400}.RED .color{color:#d83400}.RED .background-color{background-color:#d83400}.RED .global-banner{background:linear-gradient(180deg,#d83400,#000)}.RED .header a.active{color:#d83400}.PURPLE .color{color:#9747ff}.PURPLE .background-color{background-color:#9747ff}.PURPLE .global-banner{background:linear-gradient(180deg,#9747ff,#000)}@media (hover:hover){.PURPLE .header a:hover{color:#9747ff}}.PURPLE .header a:after{background-color:#9747ff}.PURPLE .header a.active{color:#9747ff}.PINK .color{color:#e42e9b}.PINK .background-color{background-color:#e42e9b}.PINK .global-banner{background:linear-gradient(180deg,#e42e9b,#000)}@media (hover:hover){.PINK .header a:hover{color:#e42e9b}}.PINK .header a:after{background-color:#e42e9b}.PINK .header a.active{color:#e42e9b}.BROWN .color{color:#d48457}.BROWN .background-color{background-color:#d48457}.BROWN .global-banner{background:linear-gradient(180deg,#451e08,#d48457)}@media (hover:hover){.BROWN .header a:hover{color:#d48457}}.BROWN .header a:after{background-color:#d48457}.BROWN .header a.active{color:#d48457}.error-boundary{align-items:center;background-color:#f8f9fa;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.error-boundary h1{font-size:2.5rem;margin-bottom:20px}.error-boundary p{font-size:1.2rem;margin-bottom:20px}.error-boundary button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.error-boundary button:hover{background-color:#0056b3}