index.css

@media (min-width: 50em){.row{width:100%;display:table;table-layout:fixed}.col{display:table-cell}}.parallax-wrapper{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}.parallax{height:500px;height:100vh;overflow-x:hidden;overflow-y:auto;perspective:1px}.parallax-group{position:relative;height:500px;height:100vh;transform-style:preserve-3d;z-index:0}.parallax-group.innocent{z-index:1}.parallax-layer{position:absolute;top:0;left:0;right:0;bottom:0}.parallax-layer.fore{z-index:1}.parallax-layer.back{width:101.1%;transform:translate3d(0, 0, -1px) scale(2);z-index:0}@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:local("Montserrat-Light"),url(/fonts/Montserrat-Light.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local("Montserrat-Regular"),url(/fonts/Montserrat-Regular.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local("Montserrat-Bold"),url(/fonts/Montserrat-Bold.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}body{margin:0;font-family:Montserrat, sans-serif;font-weight:300;font-size:30px}h3{font-size:1.5em;margin:.5em 0}a{color:inherit;border-bottom:1px solid;text-decoration:none}.group1 .logo{width:70%}.group1>.back{background:repeating-linear-gradient(45deg, rgba(85,184,243,0.95) -12.5%,rgba(85,184,243,0.95) 12.5%,rgba(197,34,61,0.95) 12.5%,rgba(197,34,61,0.95) 37.5%,rgba(229,217,4,0.95) 37.5%,rgba(229,217,4,0.95) 62.5%,rgba(42,212,49,0.95) 62.5%,rgba(42,212,49,0.95) 87.5%,rgba(255,142,15,0.95) 87.5%,rgba(255,142,15,0.95) 112.5%),url(/images/montage.jpg);background-size:cover}.group1>.fore{color:white}.group1>.fore nav{position:absolute;max-width:80%;min-width:460px;top:0;left:0;right:0;margin:auto;background:#6dc2f5;font-size:16px}.group1>.fore nav .row{margin:auto;width:initial}.group1>.fore nav .col{display:inline-block;padding:1em;text-align:center;font-weight:700}.group1>.fore nav a{border:0}.group1>.fore nav .emph{background:#fbee07}.group1>.fore .main{position:absolute;max-width:80%;top:25vh;left:0;right:0;margin:auto;font-size:36px;font-weight:400;display:flex;flex-wrap:wrap}.group1>.fore .main .col{padding:1em;display:flex;flex:1;flex-flow:column wrap}@media screen and (max-width: 900px){.group1>.fore .main .col{padding:0}}@media screen and (max-width: 650px){.group1>.fore .main .col{padding:0;flex:0 0 100%;flex-flow:row wrap;font-size:20pt}}.group1>.fore .main .btn{text-align:center;font-weight:700;line-height:3;border:.2em white solid;border-radius:.5em;padding:.2em .4em}.group1>.fore .tagline{position:absolute;bottom:15vh;width:100%;padding:.5em 0;font-weight:700;font-family:'Roboto Mono', monospace;font-size:24px;background:#f26d7d;text-align:center}.group2>.fore{color:white}.group2>.fore>.row{height:50vh}.group2>.fore .updates>.col{padding:2em 1.5em}.group2>.fore .updates>.col p>a::after{content:' >'}.group2>.fore .updates>.col.blog{background:#ff9a28}.group2>.fore .updates>.col.news{background:#8781bd}.group2>.fore .students{background:linear-gradient(to left, rgba(109,194,245,0.7), #6dc2f5 500px),url(/images/weekend-workshop.jpg);background-size:auto 100%;background-position:right}.group2>.fore .students>.col{padding:2em 1.5em;width:60%}.group3>.fore{color:white}.group3>.fore .practical{height:100%}.group3>.fore .practical>.col{font-weight:700;font-size:1.2em;vertical-align:middle;text-align:center}.group3>.back{background:url(/images/pixels.png);background-size:100%;background-repeat:repeat-y;image-rendering:pixelated}.group4>.fore{background:black;color:white}.group4>.fore .row>.col{padding:2em 1.5em}