.Frame{box-sizing:border-box;z-index:999999;pointer-events:none;position:fixed}.Frame.top{width:100%;height:2px;transition:all .5s;top:0;left:0}.Frame.bottom{width:100%;height:2px;transition:all .5s .4s;bottom:0;left:0}.Frame.left{width:2px;height:200%;transition:all .5s .2s;top:0;left:0}.Frame.right{width:2px;height:200%;transition:all .5s .2s;top:0;right:0}.LogoSection{width:100%;min-height:100vh;min-height:calc(100vh - var(--vh-offset,0px));justify-content:space-around;align-items:center;display:flex;margin-bottom:0!important}.LogoSection .logo{flex-grow:0;width:1280px;max-width:100%}.IntroSection{font-size:144px;font-weight:700}.IntroSection p{width:100%}.IntroSection img{height:1em;display:inline-block;transform:translateY(20%)}@media (width<=768px){.IntroSection{font-size:56px;line-height:1.2em}}.ExamplesSection>section{margin:40px 0}.ImgContainer{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.ImgContainer img{max-width:calc(100% - 40px);height:320px;margin:0 20px}.ImgContainer video{height:320px}.VFXSpanExample{font-size:96px;font-weight:700}@media (width<=768px){.VFXSpanExample{font-size:64px}}.AuthorSection{min-height:100vh;min-height:calc(100vh - var(--vh-offset,0px));flex-direction:column;justify-content:center;align-items:center;font-size:1em;display:flex;margin-bottom:0!important}.AuthorSection .name{margin:10px}.AuthorSection .icon{width:720px;max-width:40%}.AuthorSection a{color:#fff;font-size:1em;font-weight:700;text-decoration:none}.AuthorSection a:visited{color:#fff}@media (width<=768px){.AuthorSection .icon{width:320px;max-width:50%}.AuthorSection .name{font-size:.8em}}.InputSection h2{text-align:center;font-style:italic;overflow:visible}.InputSection input{border-radius:3px;width:720px;max-width:90%;padding:2px 10px;font-size:1em}.InputSection button{cursor:pointer;border-radius:10px;margin:40px auto;font-size:1em;font-weight:700;display:block}.DivSection h2{text-align:center;font-style:italic;overflow:visible}.DivSections{width:720px;max-width:90%;margin:0 auto;padding:20px 0}.DivSectionField{text-align:left;flex-direction:column;margin-bottom:1em;display:flex}.DivSection label{font-weight:700}.DivSection input,.DivSection textarea{border-radius:3px;width:100%;padding:2px 10px;font-size:1em}.DivSection textarea{height:5em}:root{--bg:#222;--text:#fff;--vh:1vh}body{color:var(--text);background:#000;font-size:32px}img,video{max-width:100%}.App>section{box-sizing:border-box;overflow-wrap:break-word;margin-bottom:80px;padding:10px;overflow:hidden}.App{text-align:center}h2{font-size:120px;font-style:italic}h2:before{content:"# "}h3{font-size:72px}@media (width<=768px){body{font-size:24px}h2{font-size:48px}h3{font-size:32px}}a,a:visited{color:#fff}p{text-align:center;width:960px;max-width:calc(100% - 20px);margin:40px auto;padding:0;line-height:1.4em}code{font-size:.9em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}