html{background-color:rgba(21,15,17)}.main{margin:-8px;display:grid;grid-template-columns:50px 10px 1fr 10px 50px;grid-template-rows:50px 100px 50px 1fr 50px 100px 50px;height:300vh;width:100vw;justify-content:center}.title{font-family:Saint Regular;font-size:50pt;color:white;opacity:0;animation:fadeIn 2s ease-in forwards;position:fixed;left:0;right:0;grid-row:2/span 1}.content,.title{justify-content:center;align-items:center;display:flex;grid-column:3/span 1}.content{grid-row:4/span 1}.contentVid{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) perspective(600px) rotateY(0deg);transform-style:preserve-3d;transition:transform .1s linear;z-index:-1;width:70vw;height:80vh}.logo{padding-top:0;z-index:0}.nav{justify-content:center;align-items:center;display:flex;position:fixed;left:0;right:0;bottom:0;grid-row:6/span 1;grid-column:3/span 1}.navIcon{width:120px;height:120px}@media screen and (max-width:480px){.main{display:grid;grid-template-columns:50px 10px 1fr 10px 50px;grid-template-rows:30px 100px 30px 1fr 30px 100px 30px;height:300vh;width:100vw}.main,.title{justify-content:center}.title{font-family:Saint Regular;font-size:1.7em;color:white;align-items:center;display:flex;opacity:0;animation:fadeIn 2s ease-in forwards;position:fixed;left:0;right:0;grid-row:2/span 1;grid-column:3/span 1}.contentVid{height:50vh}.nav{justify-content:center;display:flex;position:fixed;left:0;right:0;bottom:0;grid-row:6/span 1;grid-column:3/span 1}.navIcon{width:70px;height:70px}}@keyframes fadeIn{to{opacity:1}}