Difference between revisions of "Template:Humboldt Berlin"
| Line 22: | Line 22: | ||
<!-- CUSTOM STYLE --> | <!-- CUSTOM STYLE --> | ||
<style> | <style> | ||
| − | + | @font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/7/72/T--Humboldt_Berlin--Lato-Bold.woff") format("woff");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/e/e2/T--Humboldt_Berlin--Lato-Italic.woff") format("woff");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/d/d5/T--Humboldt_Berlin--Lato-Regular.woff") format("woff");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:color(bg, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:'Lato', sans-serif;color:#373535}#content html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#content body{margin:0}#content article,#content aside,#content footer,#content header,#content nav,#content section{display:block}#content h1{font-size:2em;margin:0.67em 0}#content figcaption,#content figure,#content main{display:block}#content figure{margin:1em 40px}#content hr{box-sizing:content-box;height:0;overflow:visible}#content pre{font-family:monospace, monospace;font-size:1em}#content a{background-color:transparent;-webkit-text-decoration-skip:objects}#content abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#content b,#content strong{font-weight:inherit}#content b,#content strong{font-weight:bolder}#content code,#content kbd,#content samp{font-family:monospace, monospace;font-size:1em}#content dfn{font-style:italic}#content mark{background-color:#ff0;color:#000}#content small{font-size:80%}#content sub,#content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#content sub{bottom:-0.25em}#content sup{top:-0.5em}#content audio,#content video{display:inline-block}#content audio:not([controls]){display:none;height:0}#content img{border-style:none}#content svg:not(:root){overflow:hidden}#content button,#content input,#content optgroup,#content select,#content textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}#content button,#content input{overflow:visible}#content button,#content select{text-transform:none}#content button,#content html [type="button"],#content [type="reset"],#content [type="submit"]{-webkit-appearance:button}#content button::-moz-focus-inner,#content [type="button"]::-moz-focus-inner,#content [type="reset"]::-moz-focus-inner,#content [type="submit"]::-moz-focus-inner{border-style:none;padding:0}#content button:-moz-focusring,#content [type="button"]:-moz-focusring,#content [type="reset"]:-moz-focusring,#content [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}#content fieldset{padding:0.35em 0.75em 0.625em}#content legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}#content progress{display:inline-block;vertical-align:baseline}#content textarea{overflow:auto}#content [type="checkbox"],#content [type="radio"]{box-sizing:border-box;padding:0}#content [type="number"]::-webkit-inner-spin-button,#content [type="number"]::-webkit-outer-spin-button{height:auto}#content [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}#content [type="search"]::-webkit-search-cancel-button,#content [type="search"]::-webkit-search-decoration{-webkit-appearance:none}#content ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#content details,#content menu{display:block}#content summary{display:list-item}#content canvas{display:inline-block}#content template{display:none}#content [hidden]{display:none}#content h1,#content h2{text-align:center}#content ul,#content ol{margin-top:0;margin-bottom:24px;padding-left:24px}#content ul{list-style:disc}#content ol{list-style:decimal}#content li>ul,#content li>ol{margin-bottom:0}#content img{height:auto;max-width:100%;vertical-align:middle}#content figure{margin:24px 0}#content figcaption{padding:8px 0}#content img,#content svg{display:block}#content table{border-collapse:collapse;margin-bottom:24px;width:100%}#content tr{border-bottom:1px solid color(bg, 3)}#content th{text-align:left}#content th,#content td{padding:10px 16px}#content th:first-child,#content td:first-child{padding-left:0}#content th:last-child,#content td:last-child{padding-right:0}#content section{padding:50px 0;background-color:#fff}#content #top_title{display:none !important}#content .grey-bg{background:#a7c0e5}#content .image-bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;-webkit-filter:brightness(50%);filter:brightness(50%)}#content .image-bg-content{position:relative;z-index:1;min-height:550px}#content .full-height{height:100vh;min-height:550px;padding:20px}#content .width-limit{max-width:1440px;margin:0 auto}#content .relative-container{position:relative}#content .margin-top{margin-top:80px}#content .hidden{display:none !important}#content .visible{display:block !important}#content .ar16-9{padding:56.25% 0 0}#content .js .is-revealing{display:block;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);transition:0.8s ease-in-out}#content .js .is-revealing-visible{opacity:1;-webkit-transform:none;transform:none}#content .mouse{display:block;margin:0 auto;width:23px;height:40px;border-radius:13px;border:2px solid #fff;position:absolute;top:90%;position:absolute;left:50%;margin-left:-14px;z-index:2}#content .mouse span{display:block;margin:6px auto;width:3px;height:7px;border-radius:100%;background:#fff;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}#content .image-container{margin-bottom:50px}#content .image-tag{position:absolute;border:3px solid rgba(255,255,255,0.25);cursor:pointer}#content .image-tag .tag-caption{display:none;width:100%;top:-10px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center}#content .image-tag:hover{border:3px solid rgba(255,255,255,0.9)}#content .image-tag:hover .tag-caption{display:block}#content nav{position:absolute;left:0;top:0;z-index:100;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#a2dfba}#content nav .nav-logo{display:inline-block;width:2.5em;height:auto;margin-right:10px}#content nav .nav-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:80px}#content nav a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content nav a.active{color:#ff59ab}#content nav .nav-right{position:relative}#content nav .nav-right input,#content nav .nav-right span,#content nav .nav-right .submenu{display:none}#content nav .nav-right .item{position:relative;display:inline-block}#content nav .nav-right .item:hover .submenu{display:block;position:absolute;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);background-color:#a2dfba;padding:10px}#content nav .nav-right .item:hover .submenu a{white-space:nowrap;white-space:pre;margin:10px;display:block}#content nav .nav-right a{margin:0 10px}#content nav .nav-right a:hover{color:#ff59ab}#content nav .nav-right a:last-child{margin:0 0 0 10px}#content nav .nav-right .devider{display:inline}#content nav .nav-right .devider::after{content:'|';color:#373535;margin:0 10px}@media screen and (max-width: 1023px){#content nav .nav-right .item .submenu,#content nav .nav-right .item:hover .submenu{display:block;position:relative;padding:0 0 0 30px;box-shadow:none}#content nav .nav-right .item .submenu a,#content nav .nav-right .item:hover .submenu a{margin:20px 15px}#content nav .nav-right .menu-items{display:none}#content nav .nav-right .devider{border-top:1px solid #373535;margin:0 20px 0 0;height:1px;width:100%}#content nav .nav-right .devider::after{content:''}#content nav .nav-right input,#content nav .nav-right span{display:block}#content nav .nav-right input{width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#content nav .nav-right span{width:33px;height:4px;margin-bottom:5px;position:relative;background:#373535;border-radius:3px;z-index:1;-webkit-transform-origin:4px 0px;transform-origin:4px 0px;transition:background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}#content nav .nav-right span:first-child{-webkit-transform-origin:0% 0%;transform-origin:0% 0%}#content nav .nav-right span:nth-last-child(2){-webkit-transform-origin:0% 100%;transform-origin:0% 100%}#content nav .nav-right input:checked ~ span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px, -1px);transform:rotate(45deg) translate(-2px, -1px);background:#232323}#content nav .nav-right input:checked ~ span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(0.2, 0.2);transform:rotate(0deg) scale(0.2, 0.2)}#content nav .nav-right input:checked ~ span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(0, -1px);transform:rotate(-45deg) translate(0, -1px)}#content nav .nav-right input:checked ~ .menu-items{display:flex;flex-direction:column;position:fixed;padding:0 10px;left:0;text-align:left;margin-top:26px;background:#a2dfba;width:100%}#content nav .nav-right input:checked ~ .menu-items a{display:block;margin:20px 15px}}#content .footer-container{background:#a2dfba;padding:75px 0}#content .footer-right{display:flex}#content .footer-right ul:first-child{margin-right:20px}@media screen and (max-width: 760px){#content .footer-right ul:first-child{margin-right:0}}#content footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media screen and (max-width: 760px){#content footer{flex-direction:column}}#content footer img{width:200px;height:auto}@media screen and (max-width: 760px){#content footer img{margin-bottom:20px}}#content footer ul li{list-style:none;margin:10px 0}#content footer a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content footer a:hover{color:#ff59ab}#content .animated-background{background:#1F3D24;height:100vh;width:100%;overflow:hidden;position:absolute}#content .animated-background span{width:20vmin;height:20vmin;border-radius:20vmin;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#content .animated-background span:nth-child(1){color:#5C984F;top:60%;left:4%;-webkit-animation-duration:14.3s;animation-duration:14.3s;-webkit-animation-delay:-3.3s;animation-delay:-3.3s;-webkit-transform-origin:19vw 20vh;transform-origin:19vw 20vh;box-shadow:-40vmin 0 6.51207vmin currentColor}#content .animated-background span:nth-child(2){color:#85C067;top:45%;left:46%;-webkit-animation-duration:11.8s;animation-duration:11.8s;-webkit-animation-delay:-15.5s;animation-delay:-15.5s;-webkit-transform-origin:25vw -14vh;transform-origin:25vw -14vh;box-shadow:40vmin 0 11.66418vmin currentColor}#content .animated-background span:nth-child(3){color:#5C984F;top:33%;left:39%;-webkit-animation-duration:12.9s;animation-duration:12.9s;-webkit-animation-delay:-9.5s;animation-delay:-9.5s;-webkit-transform-origin:-10vw -15vh;transform-origin:-10vw -15vh;box-shadow:-40vmin 0 13.15069vmin currentColor}#content .animated-background span:nth-child(4){color:#5C984F;top:15%;left:46%;-webkit-animation-duration:11.6s;animation-duration:11.6s;-webkit-animation-delay:-3.1s;animation-delay:-3.1s;-webkit-transform-origin:-24vw -4vh;transform-origin:-24vw -4vh;box-shadow:-40vmin 0 10.77078vmin currentColor}#content .animated-background span:nth-child(5){color:#85C067;top:74%;left:2%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-16s;animation-delay:-16s;-webkit-transform-origin:21vw 18vh;transform-origin:21vw 18vh;box-shadow:-40vmin 0 13.54186vmin currentColor}#content .animated-background span:nth-child(6){color:#5C984F;top:42%;left:5%;-webkit-animation-duration:14.1s;animation-duration:14.1s;-webkit-animation-delay:-9.9s;animation-delay:-9.9s;-webkit-transform-origin:-12vw -19vh;transform-origin:-12vw -19vh;box-shadow:-40vmin 0 9.76139vmin currentColor}#content .animated-background span:nth-child(7){color:#85C067;top:12%;left:35%;-webkit-animation-duration:12.5s;animation-duration:12.5s;-webkit-animation-delay:-8.5s;animation-delay:-8.5s;-webkit-transform-origin:2vw 2vh;transform-origin:2vw 2vh;box-shadow:40vmin 0 12.25844vmin currentColor}#content .animated-background span:nth-child(8){color:#5C984F;top:21%;left:90%;-webkit-animation-duration:15.6s;animation-duration:15.6s;-webkit-animation-delay:-8.8s;animation-delay:-8.8s;-webkit-transform-origin:-19vw 3vh;transform-origin:-19vw 3vh;box-shadow:-40vmin 0 5.60362vmin currentColor}#content .animated-background span:nth-child(9){color:#85C067;top:73%;left:43%;-webkit-animation-duration:15.6s;animation-duration:15.6s;-webkit-animation-delay:-15.3s;animation-delay:-15.3s;-webkit-transform-origin:-24vw -12vh;transform-origin:-24vw -12vh;box-shadow:-40vmin 0 13.02797vmin currentColor}#content .animated-background span:nth-child(10){color:#85C067;top:50%;left:31%;-webkit-animation-duration:11.4s;animation-duration:11.4s;-webkit-animation-delay:-15.2s;animation-delay:-15.2s;-webkit-transform-origin:7vw 17vh;transform-origin:7vw 17vh;box-shadow:-40vmin 0 5.46261vmin currentColor}#content .animated-background span:nth-child(11){color:#85C067;top:12%;left:85%;-webkit-animation-duration:10.7s;animation-duration:10.7s;-webkit-animation-delay:-15.8s;animation-delay:-15.8s;-webkit-transform-origin:-15vw -20vh;transform-origin:-15vw -20vh;box-shadow:40vmin 0 10.21853vmin currentColor}#content .animated-background span:nth-child(12){color:#85C067;top:32%;left:36%;-webkit-animation-duration:15.7s;animation-duration:15.7s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s;-webkit-transform-origin:11vw -8vh;transform-origin:11vw -8vh;box-shadow:40vmin 0 14.97708vmin currentColor}#content .animated-background span:nth-child(13){color:#85C067;top:54%;left:39%;-webkit-animation-duration:14.1s;animation-duration:14.1s;-webkit-animation-delay:-10.1s;animation-delay:-10.1s;-webkit-transform-origin:9vw -6vh;transform-origin:9vw -6vh;box-shadow:40vmin 0 10.28448vmin currentColor}#content .animated-background span:nth-child(14){color:#5C984F;top:75%;left:75%;-webkit-animation-duration:13.7s;animation-duration:13.7s;-webkit-animation-delay:-10s;animation-delay:-10s;-webkit-transform-origin:-20vw 13vh;transform-origin:-20vw 13vh;box-shadow:40vmin 0 8.01757vmin currentColor}#content .animated-background span:nth-child(15){color:#5C984F;top:95%;left:73%;-webkit-animation-duration:11.7s;animation-duration:11.7s;-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform-origin:5vw 7vh;transform-origin:5vw 7vh;box-shadow:40vmin 0 14.75941vmin currentColor}#content .animated-background span:nth-child(16){color:#85C067;top:22%;left:46%;-webkit-animation-duration:13.7s;animation-duration:13.7s;-webkit-animation-delay:-1.9s;animation-delay:-1.9s;-webkit-transform-origin:3vw -5vh;transform-origin:3vw -5vh;box-shadow:-40vmin 0 7.09756vmin currentColor}#content .animated-background span:nth-child(17){color:#85C067;top:90%;left:81%;-webkit-animation-duration:12.5s;animation-duration:12.5s;-webkit-animation-delay:-10.8s;animation-delay:-10.8s;-webkit-transform-origin:0vw -24vh;transform-origin:0vw -24vh;box-shadow:-40vmin 0 5.12259vmin currentColor}#content .animated-background span:nth-child(18){color:#5C984F;top:82%;left:11%;-webkit-animation-duration:13.7s;animation-duration:13.7s;-webkit-animation-delay:-9s;animation-delay:-9s;-webkit-transform-origin:0vw -1vh;transform-origin:0vw -1vh;box-shadow:-40vmin 0 14.94294vmin currentColor}#content .animated-background span:nth-child(19){color:#5C984F;top:68%;left:79%;-webkit-animation-duration:14.4s;animation-duration:14.4s;-webkit-animation-delay:-9.1s;animation-delay:-9.1s;-webkit-transform-origin:23vw -24vh;transform-origin:23vw -24vh;box-shadow:40vmin 0 13.494vmin currentColor}#content .animated-background span:nth-child(20){color:#5C984F;top:41%;left:55%;-webkit-animation-duration:13.3s;animation-duration:13.3s;-webkit-animation-delay:-6.1s;animation-delay:-6.1s;-webkit-transform-origin:-17vw 10vh;transform-origin:-17vw 10vh;box-shadow:-40vmin 0 10.20469vmin currentColor}#content .animated-background span:nth-child(21){color:#85C067;top:58%;left:24%;-webkit-animation-duration:11.7s;animation-duration:11.7s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s;-webkit-transform-origin:-11vw 24vh;transform-origin:-11vw 24vh;box-shadow:40vmin 0 5.81341vmin currentColor}#content .animated-background span:nth-child(22){color:#85C067;top:66%;left:1%;-webkit-animation-duration:11.5s;animation-duration:11.5s;-webkit-animation-delay:-15.8s;animation-delay:-15.8s;-webkit-transform-origin:19vw -19vh;transform-origin:19vw -19vh;box-shadow:40vmin 0 13.96684vmin currentColor}#content .animated-background span:nth-child(23){color:#5C984F;top:95%;left:56%;-webkit-animation-duration:10.3s;animation-duration:10.3s;-webkit-animation-delay:-16s;animation-delay:-16s;-webkit-transform-origin:22vw -4vh;transform-origin:22vw -4vh;box-shadow:40vmin 0 14.36421vmin currentColor}#content .animated-background span:nth-child(24){color:#85C067;top:58%;left:37%;-webkit-animation-duration:11.3s;animation-duration:11.3s;-webkit-animation-delay:-12.6s;animation-delay:-12.6s;-webkit-transform-origin:-18vw 5vh;transform-origin:-18vw 5vh;box-shadow:40vmin 0 11.21774vmin currentColor}#content .animated-background span:nth-child(25){color:#85C067;top:40%;left:56%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-13.8s;animation-delay:-13.8s;-webkit-transform-origin:-22vw 21vh;transform-origin:-22vw 21vh;box-shadow:-40vmin 0 14.75297vmin currentColor}#content .animated-background span:nth-child(26){color:#5C984F;top:55%;left:60%;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:-6.3s;animation-delay:-6.3s;-webkit-transform-origin:-22vw 16vh;transform-origin:-22vw 16vh;box-shadow:-40vmin 0 9.82146vmin currentColor}#content .animated-background span:nth-child(27){color:#85C067;top:9%;left:59%;-webkit-animation-duration:10.1s;animation-duration:10.1s;-webkit-animation-delay:-13s;animation-delay:-13s;-webkit-transform-origin:22vw 7vh;transform-origin:22vw 7vh;box-shadow:-40vmin 0 9.62135vmin currentColor}#content .animated-background span:nth-child(28){color:#85C067;top:78%;left:1%;-webkit-animation-duration:15.3s;animation-duration:15.3s;-webkit-animation-delay:-11.1s;animation-delay:-11.1s;-webkit-transform-origin:20vw -17vh;transform-origin:20vw -17vh;box-shadow:-40vmin 0 14.52294vmin currentColor}#content .animated-background span:nth-child(29){color:#85C067;top:34%;left:18%;-webkit-animation-duration:10.3s;animation-duration:10.3s;-webkit-animation-delay:-10s;animation-delay:-10s;-webkit-transform-origin:-21vw -15vh;transform-origin:-21vw -15vh;box-shadow:-40vmin 0 8.69094vmin currentColor}#content .animated-background span:nth-child(30){color:#5C984F;top:23%;left:93%;-webkit-animation-duration:12.2s;animation-duration:12.2s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s;-webkit-transform-origin:-6vw -17vh;transform-origin:-6vw -17vh;box-shadow:40vmin 0 9.02516vmin currentColor}#content .animated-background span:nth-child(31){color:#85C067;top:58%;left:50%;-webkit-animation-duration:14.9s;animation-duration:14.9s;-webkit-animation-delay:-5.9s;animation-delay:-5.9s;-webkit-transform-origin:21vw -6vh;transform-origin:21vw -6vh;box-shadow:40vmin 0 8.32344vmin currentColor}#content .animated-background span:nth-child(32){color:#85C067;top:36%;left:32%;-webkit-animation-duration:13.8s;animation-duration:13.8s;-webkit-animation-delay:-13.9s;animation-delay:-13.9s;-webkit-transform-origin:-22vw -11vh;transform-origin:-22vw -11vh;box-shadow:-40vmin 0 6.33374vmin currentColor}#content .animated-background span:nth-child(33){color:#85C067;top:78%;left:86%;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-13.4s;animation-delay:-13.4s;-webkit-transform-origin:-21vw -23vh;transform-origin:-21vw -23vh;box-shadow:-40vmin 0 13.02501vmin currentColor}#content .animated-background span:nth-child(34){color:#85C067;top:91%;left:17%;-webkit-animation-duration:13.6s;animation-duration:13.6s;-webkit-animation-delay:-9.3s;animation-delay:-9.3s;-webkit-transform-origin:19vw -2vh;transform-origin:19vw -2vh;box-shadow:40vmin 0 10.76369vmin currentColor}#content .animated-background span:nth-child(35){color:#5C984F;top:98%;left:85%;-webkit-animation-duration:15.2s;animation-duration:15.2s;-webkit-animation-delay:-10s;animation-delay:-10s;-webkit-transform-origin:5vw -12vh;transform-origin:5vw -12vh;box-shadow:40vmin 0 13.59794vmin currentColor}#content .animated-background span:nth-child(36){color:#5C984F;top:18%;left:18%;-webkit-animation-duration:11.6s;animation-duration:11.6s;-webkit-animation-delay:-12.3s;animation-delay:-12.3s;-webkit-transform-origin:-7vw 4vh;transform-origin:-7vw 4vh;box-shadow:-40vmin 0 5.79424vmin currentColor}#content .animated-background span:nth-child(37){color:#85C067;top:94%;left:67%;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-delay:-11.7s;animation-delay:-11.7s;-webkit-transform-origin:17vw -7vh;transform-origin:17vw -7vh;box-shadow:40vmin 0 14.24741vmin currentColor}#content .animated-background span:nth-child(38){color:#85C067;top:56%;left:56%;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-10.7s;animation-delay:-10.7s;-webkit-transform-origin:25vw 25vh;transform-origin:25vw 25vh;box-shadow:-40vmin 0 10.55201vmin currentColor}#content .animated-background span:nth-child(39){color:#5C984F;top:17%;left:69%;-webkit-animation-duration:13.9s;animation-duration:13.9s;-webkit-animation-delay:-8.2s;animation-delay:-8.2s;-webkit-transform-origin:-12vw 24vh;transform-origin:-12vw 24vh;box-shadow:40vmin 0 13.27517vmin currentColor}#content .animated-background span:nth-child(40){color:#5C984F;top:75%;left:1%;-webkit-animation-duration:15.8s;animation-duration:15.8s;-webkit-animation-delay:-11.9s;animation-delay:-11.9s;-webkit-transform-origin:8vw 14vh;transform-origin:8vw 14vh;box-shadow:-40vmin 0 8.62276vmin currentColor}@-webkit-keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}@keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}#content .landing-page .site-header{padding:0 50px}#content .landing-page .site-header,#content .landing-page section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}#content .landing-page .header-logo{width:auto;max-height:50vh}#content .landing-page .flex{display:flex;width:100%}#content .landing-page .flex-column{width:100%}#content .landing-page .mol{width:100%;margin-top:25px;cursor:-webkit-grab;cursor:grab}#content .landing-page .big-text h1,#content .landing-page .big-text h2{display:inline;color:#f29799}#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:52px;line-height:1.212}@media screen and (max-width: 1200px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:40px}}@media screen and (max-width: 900px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:28px}}@media screen and (max-width: 400px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:22px}}@media screen and (max-width: 360px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:18px}}#content .landing-page .big-text span{color:#373535}#content .landing-page .block-text{display:block;text-align:justify}#content .landing-page .green-underline .big-headline{border-bottom:10px solid #a2dfba}#content .landing-page .green-underline .image-links a:hover{border-bottom:6px solid #a2dfba}#content .landing-page .red-underline .big-headline{border-bottom:10px solid #f29799}#content .landing-page .red-underline .image-links a:hover{border-bottom:6px solid #f29799}#content .landing-page .blue-underline .big-headline{border-bottom:10px solid #a7c0e5}#content .landing-page .blue-underline .image-links a:hover{border-bottom:6px solid #a7c0e5}#content .landing-page .purple-underline .big-headline{border-bottom:10px solid #322460}#content .landing-page .purple-underline .image-links a:hover{border-bottom:6px solid #322460}#content .landing-page .image-bg-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;align-items:flex-start;justify-content:flex-end;color:#fff}#content .landing-page .image-bg-content .big-headline{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-transform:uppercase;font-weight:bold}#content .landing-page .image-bg-content .text-navigation p{font-size:32px;margin:0}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation p{font-size:28px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation p{font-size:22px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation p{font-size:18px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation p{font-size:14px}}#content .landing-page .image-bg-content .text-navigation .image-links{margin:40px 0;font-size:28px;font-weight:bold}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:25px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:20px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:15px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:12px}}#content .landing-page .image-bg-content .text-navigation .image-links a{color:#fff;text-decoration:none}#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:60px}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:30px}}#content .landing-page .sponsored{align-items:flex-start;padding:20px}@media screen and (max-width: 767px){#content .landing-page .sponsored{align-items:center}}#content .landing-page .sponsored h2{color:#373535;text-transform:uppercase}#content .landing-page .sponsor-images{display:flex;justify-content:space-between;width:100%;margin-bottom:50px}@media screen and (max-width: 767px){#content .landing-page .sponsor-images{flex-direction:column;align-items:center}}#content .landing-page .sponsor-images img{width:auto;height:100px}@media screen and (max-width: 1200px){#content .landing-page .sponsor-images img{height:80px}}@media screen and (max-width: 900px){#content .landing-page .sponsor-images img{height:60px}}@media screen and (max-width: 767px){#content .landing-page .sponsor-images img{width:200px;height:auto;margin:20px 0}}#content .team-headline{position:absolute;top:0;left:20px;z-index:1;font-size:52px;text-align:left;text-transform:uppercase;border-bottom:10px solid #a2dfba;font-weight:bold}@media screen and (max-width: 1023px){#content .team-headline{font-size:40px;border-bottom:8px solid #a2dfba}}@media screen and (max-width: 767px){#content .team-headline{font-size:30px;border-bottom:6px solid #a2dfba}}@media screen and (max-width: 500px){#content .team-headline{font-size:24px;border-bottom:4px solid #a2dfba}}@media screen and (max-width: 380px){#content .team-headline{font-size:18px;border-bottom:4px solid #a2dfba}}#content .container .team-image{margin:0 auto;-webkit-filter:none;filter:none}#content .team-member{display:flex;margin-bottom:50px}@media screen and (max-width: 1440px){#content .team-member{padding:0 20px}}@media screen and (max-width: 760px){#content .team-member{flex-direction:column;align-items:center}}#content .team-member img{width:200px;height:200px;border-radius:200px}#content .team-member h2{text-align:left;text-transform:uppercase;font-size:40px;line-height:1;margin:0}@media screen and (max-width: 1200px){#content .team-member h2{font-size:30px}}@media screen and (max-width: 900px){#content .team-member h2{font-size:20px}}#content .team-member h2 i{font-weight:normal}#content .team-member h2 i::before{content:'| '}#content .member-content{width:50%}@media screen and (max-width: 900px){#content .member-content{width:100%}}#content .member-image-left img{margin-right:50px}#content .member-image-right img{margin-left:50px}#content .member-image-right{justify-content:flex-end}@media screen and (max-width: 760px){#content .member-image-right{flex-direction:column-reverse}}@media screen and (max-width: 760px){#content .member-image-left img,#content .member-image-right img{margin:0 0 20px 0}}#content .show-all-members{display:block;text-align:center;font-size:22px;margin:50px 0;color:#373535;text-decoration:none;text-transform:uppercase;font-weight:bold}#content .show-all-members:hover{text-decoration:underline}#content .show-all-members img{display:inline-block;width:20px;margin-top:-2px} | |
</style> | </style> | ||
</head> | </head> | ||
Revision as of 18:20, 14 June 2019