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}.App{align-items:center;background-color:#000;display:flex;justify-content:center;overflow:hidden;width:100vw}.App,.video{height:100vh}.contentScreen{color:#fff;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1111}.contentScreen h3{margin:0}.welcome{align-items:center;animation:welcomeAppear 1s 1.4s forwards;display:flex;height:100%;justify-content:center;opacity:0;width:100%}.welcome h3{font-family:Black Ops One,serif;font-size:10vh;text-align:center}@keyframes welcomeAppear{0%{opacity:0}25%{opacity:.8}50%{opacity:.4}to{opacity:1}}.contentDiv{width:60vw}.Intro{align-items:center;animation:introAppear 1s 1.4s forwards;display:flex;height:100%;justify-content:center;transform:rotateY(-270deg);width:100%}.Intro h3{font-family:Aldrich,serif;font-size:4vh;text-align:center}@keyframes introAppear{0%{transform:rotateY(-270deg)}to{transform:rotateY(0deg)}}.frontSide{position:relative}.frontSide .frontContent{animation:frontAppear 1s 1.4s forwards;height:calc(100vh - 72px);left:0;left:-100%;padding:36px;position:absolute;top:0;width:50%}.frontSide .frontContent h5,.frontSide .frontContent li{font-family:Aldrich,serif;font-size:4vh;text-align:left}@keyframes frontAppear{0%{left:-100%;opacity:0}to{left:0;opacity:1}}.backSide{position:relative}.backSide .backContent{animation:backAppear 1s 2s forwards;height:calc(100vh - 72px);padding:36px;position:absolute;right:-100%;top:0;width:50%}.backSide .backContent h5,.backSide .backContent li{font-family:Aldrich,serif;font-size:4vh;text-align:right}.backSide .backContent li{list-style:none}@keyframes backAppear{0%{opacity:0;right:-100%}to{opacity:1;right:0}}.colorSide{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.colorSide .colorContent.black h3{animation:blackColorAppear 1s 1.75s forwards;color:silver;font-family:Aldrich,serif;font-size:10vh;opacity:0;text-align:right}@keyframes blackColorAppear{0%{opacity:0}to{opacity:1}}.colorSide .colorContent.red h3{animation:redColorAppear 1s 3.5s forwards;color:silver;font-family:Aldrich,serif;font-size:10vh;opacity:0;text-align:right}@keyframes redColorAppear{0%{opacity:0}to{opacity:1}}.colorSide .colorContent.silver h3{animation:silverColorAppear 1s 3.5s forwards;color:silver;font-family:Aldrich,serif;font-size:10vh;opacity:0;text-align:right}@keyframes silverColorAppear{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.2f4441a0.css.map*/