.Slider__container{display:flex;align-items:center}.Slider__container:before,.Slider__container:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:white;border:1px solid black;align-self:center;flex-shrink:0}.Slider__container:before{margin-right:0;z-index:0}.Slider__container:after{margin-left:0}.Slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:210px;height:20px;background:transparent;outline:none;margin:10px 0;border:none}.Slider::-webkit-slider-runnable-track{height:1px;background:#D9D9D9;border-radius:5px}.Slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:white;border:1px solid black;cursor:pointer;margin-top:-8px}.Slider::-moz-range-track{height:1px;background:#D9D9D9;border-radius:5px}.Slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:white;border:1px solid black;cursor:pointer}.ColorPicker{display:flex}.ColorPicker__option{width:20px;height:20px;border-radius:50%;margin-right:15px;cursor:pointer;border:1px solid}.FontDemo__wrapper{position:relative;display:flex;flex-direction:column;padding:1rem;margin:0px 1rem 1rem;border:1px solid black}.FontDemo__row{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.FontDemo__title{font-weight:400}.FontDemo__content{line-height:1;display:block;font-size:25px;outline:0;max-width:100vw;padding:20px;background-color:#f0f0f0;transition:background-color .3s;transition:all .2s;text-align:center;word-wrap:break-word}.FontDemo__content:focus,.FontDemo__content:hover{background-color:#dbdbdb}:root{--button-color: #9DBEFF;--button-hover: #c9dbff}.button{background-color:var(--button-color);color:#000;border:1px solid;padding:10px 15px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.button+.button{margin-left:10px}@media only screen and (max-width: 1000px){.button+.button{margin-left:0;margin-top:10px}}.button:hover{background-color:var(--button-hover);border-bottom-left-radius:15px;border-color:transparent;color:#000}.corner-button{border-top:none;border-right:none;position:absolute;right:0;top:0}.corner-button:hover{color:#000;border-bottom-left-radius:15px}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(15%,1fr));grid-auto-rows:minmax(100px,auto);grid-auto-flow:dense;margin:1rem}.grid-layout.condensed-grid{grid-auto-rows:minmax(25px,auto)}.condensed-grid .grid-item{padding:1rem}.grid-item{position:relative;word-wrap:break-word;border:1px solid}@media only screen and (max-width: 1000px){.condensed-grid .grid-item{writing-mode:vertical-rl;white-space:nowrap}}.grid-item+.grid-item{margin-left:1rem}@media only screen and (max-width: 1000px){.grid-item+.grid-item{margin-top:1rem;margin-left:0}.condensed-grid .grid-item+.grid-item{margin-top:0rem!important;margin-left:0}}.grid-item p{padding-top:1px;margin:0}.grid-item a{text-decoration:none}.grid-item img,.grid-item video{object-fit:cover;width:100%;animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s;height:100%}.grid-item--link{display:flex;align-items:center}.span-2{grid-column-end:span 2;grid-row-end:span 1}.span-3{grid-column-end:span 3;grid-row-end:span 1}.grid-item__color{border-color:inherit;transition:.2s}.grid-item__color:hover{background-color:inherit;border-radius:5px}.green{--item-color: #3ED76A;border-color:var(--item-color)}.green:hover{background-color:var(--item-color);color:#fff}.red{--item-color: #FF4141;border-color:var(--item-color)}.red:hover{background-color:var(--item-color);color:#fff}.blue{--item-color: #6066FF;border-color:var(--item-color)}.blue:hover{background-color:var(--item-color);color:#fff}.gray{--item-color: #D9D9D9;border-color:var(--item-color)}.gray:hover{background-color:var(--item-color);color:#000}.black{--item-color: #222222;border-color:var(--item-color)}.black:hover{background-color:var(--item-color);color:#fff}:root{--background-color: #ffffff;--text-color: #000000}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontreal-Regular-0a032dea.woff2) format("woff2"),url(/assets/PPNeueMontreal-Regular-36f13e02.woff) format("woff")}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontreal-Bold-3746ec65.woff2) format("woff2"),url(/assets/PPNeueMontreal-Bold-43e217d6.woff) format("woff");font-weight:700}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontreal-Italic-7688a370.woff2) format("woff2"),url(/assets/PPNeueMontreal-Italic-c3d096df.woff) format("woff");font-style:italic}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontreal-BoldItalic-da19b688.woff2) format("woff2"),url(/assets/PPNeueMontreal-BoldItalic-d01de28d.woff) format("woff");font-weight:700;font-style:italic}html{overflow-x:hidden}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:var(--background-color);border-color:var(--text-color);color:var(--text-color);font-family:Neue Montreal,sans-serif;font-display:swap;line-height:1.5}a,u{text-decoration:none;color:inherit;border-color:inherit;transition:.2s all;font-weight:700;font-style:italic}a:hover{color:red}p{font-size:1.1rem}.logo{margin:0;text-transform:uppercase;font-size:30px}.flex{display:flex;margin-bottom:2rem}@media only screen and (max-width: 1000px){.flex{flex-direction:column}}.flex-child{flex-basis:50%}.main{display:flex;flex-direction:column;align-items:center;max-width:650px;margin:auto;margin-bottom:5rem;margin-top:3rem;min-height:70vh}@media only screen and (max-width: 1000px){.main{margin:auto 20px}}.Detail{display:flex;justify-content:space-between;gap:2rem;padding:1rem}@media only screen and (max-width: 1000px){.Detail{flex-direction:column}}.FourOhFour__emoji{font-size:18rem;line-height:0;color:#df000f;animation:rotateEmoji 10s linear infinite;transform-origin:center;width:min-content}@keyframes rotateEmoji{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AlphabetGrid{display:flex;padding:1rem}.AlphabetGrid__sidebar,.AlphabetGrid__main{flex:30%}@media only screen and (max-width: 1000px){.AlphabetGrid{flex-direction:column}.AlphabetGrid__sidebar,.AlphabetGrid__main{flex:100%}}.AlphabetGrid__glyphs-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center}.AlphabetGrid__glyphs-list li{font-size:1.5rem;line-height:4rem;flex-basis:4rem;flex-shrink:0;border:1px solid #dddddd;text-align:center;transition:background-color var(--transition-fast)}.AlphabetGrid__glyphs-list li:hover{border:1px solid black;background-color:#d7d7d7}.AlphabetGrid__glyphs-listt.selected{margin-top:4rem}.AlphabetGrid__glyphs-list.selected li{font-size:10rem;padding:7rem}table{border-collapse:collapse;width:100%}th,td{border:1px solid #dddddd;text-align:left;padding:1rem}th{background-color:#f2f2f2}