Difference between revisions of "Team:Humboldt Berlin"
| Line 1: | Line 1: | ||
{{Humboldt_Berlin}} | {{Humboldt_Berlin}} | ||
<html> | <html> | ||
| + | |||
| + | <style> | ||
| + | @font-face{font-family:'Lato';src:url("../fonts/Lato-Bold.woff") format("woff");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("../fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("../fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}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}h1,h2{text-align:center}ul,ol{margin-top:0;margin-bottom:24px;padding-left:24px}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0}img{height:auto;max-width:100%;vertical-align:middle}figure{margin:24px 0}figcaption{padding:8px 0}img,svg{display:block}table{border-collapse:collapse;margin-bottom:24px;width:100%}tr{border-bottom:1px solid color(bg, 3)}th{text-align:left}th,td{padding:10px 16px}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}section{padding:50px 0;background-color:#fff}.grey-bg{background:#a7c0e5}.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%)}.image-bg-content{position:relative;z-index:1;min-height:550px}.full-height{height:100vh;min-height:550px;padding:20px}.width-limit{max-width:1440px;margin:0 auto}.relative-container{position:relative}.margin-top{margin-top:80px}.hidden{display:none !important}.visible{display:block !important}.ar16-9{padding:56.25% 0 0}.sr .has-animations .is-revealing{visibility:hidden}.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}.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)}}.image-container{margin-bottom:50px}.image-tag{position:absolute;border:3px solid rgba(255,255,255,0.25);cursor:pointer}.image-tag .tag-caption{display:none;width:100%;top:-10px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center}.image-tag:hover{border:3px solid rgba(255,255,255,0.9)}.image-tag:hover .tag-caption{display:block}nav{position:absolute;left:0;top:0;z-index:100;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#a2dfba}nav .nav-logo{display:inline-block;width:2.5em;height:auto;margin-right:10px}nav .nav-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:80px}nav a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}nav a.active{color:#ff59ab}nav .nav-right{position:relative}nav .nav-right input,nav .nav-right span,nav .nav-right .submenu{display:none}nav .nav-right .item{position:relative;display:inline-block}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}nav .nav-right .item:hover .submenu a{white-space:nowrap;white-space:pre;margin:10px;display:block}nav .nav-right a{margin:0 10px}nav .nav-right a:hover{color:#ff59ab}nav .nav-right a:last-child{margin:0 0 0 10px}nav .nav-right .devider{display:inline}nav .nav-right .devider::after{content:'|';color:#373535;margin:0 10px}@media screen and (max-width: 1023px){nav .nav-right .menu-items{display:none}nav .nav-right .devider{border-top:1px solid #373535;margin:0 20px 0 0;height:1px;width:100%}nav .nav-right .devider::after{content:''}nav .nav-right input,nav .nav-right span{display:block}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}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)}nav .nav-right span:first-child{-webkit-transform-origin:0% 0%;transform-origin:0% 0%}nav .nav-right span:nth-last-child(2){-webkit-transform-origin:0% 100%;transform-origin:0% 100%}nav .nav-right input:checked ~ span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px, -1px);transform:rotate(45deg) translate(-2px, -1px);background:#232323}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)}nav .nav-right input:checked ~ span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(0, -1px);transform:rotate(-45deg) translate(0, -1px)}nav .nav-right input:checked ~ .menu-items{display:block;position:absolute;padding:0 10px;right:-20px;text-align:right;margin-top:30px;background:#a2dfba}nav .nav-right input:checked ~ .menu-items a{display:block;margin:20px 15px}}.footer-container{background:#a2dfba;padding:75px 0}.footer-right{display:flex}.footer-right ul:first-child{margin-right:20px}@media screen and (max-width: 760px){.footer-right ul:first-child{margin-right:0}}footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media screen and (max-width: 760px){footer{flex-direction:column}}footer img{width:200px;height:auto}@media screen and (max-width: 760px){footer img{margin-bottom:20px}}footer ul li{list-style:none;margin:10px 0}footer a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}footer a:hover{color:#ff59ab}.animated-background{background:#1F3D24;height:100%;width:100%;overflow:hidden;position:absolute}.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}.animated-background span:nth-child(1){color:#85C067;top:20%;left:25%;-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:-14.3s;animation-delay:-14.3s;-webkit-transform-origin:1vw 7vh;transform-origin:1vw 7vh;box-shadow:-40vmin 0 10.6531vmin currentColor}.animated-background span:nth-child(2){color:#85C067;top:58%;left:77%;-webkit-animation-duration:10.7s;animation-duration:10.7s;-webkit-animation-delay:-11.3s;animation-delay:-11.3s;-webkit-transform-origin:-16vw 23vh;transform-origin:-16vw 23vh;box-shadow:-40vmin 0 9.76099vmin currentColor}.animated-background span:nth-child(3){color:#5C984F;top:38%;left:18%;-webkit-animation-duration:10.9s;animation-duration:10.9s;-webkit-animation-delay:-2.9s;animation-delay:-2.9s;-webkit-transform-origin:-14vw -8vh;transform-origin:-14vw -8vh;box-shadow:-40vmin 0 7.65847vmin currentColor}.animated-background span:nth-child(4){color:#5C984F;top:34%;left:14%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform-origin:25vw 1vh;transform-origin:25vw 1vh;box-shadow:-40vmin 0 7.87067vmin currentColor}.animated-background span:nth-child(5){color:#5C984F;top:7%;left:67%;-webkit-animation-duration:14.2s;animation-duration:14.2s;-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-transform-origin:16vw -11vh;transform-origin:16vw -11vh;box-shadow:-40vmin 0 8.575vmin currentColor}.animated-background span:nth-child(6){color:#5C984F;top:17%;left:2%;-webkit-animation-duration:12.7s;animation-duration:12.7s;-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-transform-origin:16vw -13vh;transform-origin:16vw -13vh;box-shadow:40vmin 0 11.40185vmin currentColor}.animated-background span:nth-child(7){color:#85C067;top:17%;left:45%;-webkit-animation-duration:15.7s;animation-duration:15.7s;-webkit-animation-delay:-12.8s;animation-delay:-12.8s;-webkit-transform-origin:13vw -20vh;transform-origin:13vw -20vh;box-shadow:-40vmin 0 10.74831vmin currentColor}.animated-background span:nth-child(8){color:#5C984F;top:70%;left:45%;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-14.8s;animation-delay:-14.8s;-webkit-transform-origin:10vw -21vh;transform-origin:10vw -21vh;box-shadow:40vmin 0 10.40666vmin currentColor}.animated-background span:nth-child(9){color:#5C984F;top:51%;left:29%;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-delay:-9.9s;animation-delay:-9.9s;-webkit-transform-origin:-18vw 15vh;transform-origin:-18vw 15vh;box-shadow:-40vmin 0 6.00856vmin currentColor}.animated-background span:nth-child(10){color:#85C067;top:97%;left:81%;-webkit-animation-duration:14.3s;animation-duration:14.3s;-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform-origin:-1vw -12vh;transform-origin:-1vw -12vh;box-shadow:40vmin 0 9.91247vmin currentColor}.animated-background span:nth-child(11){color:#5C984F;top:93%;left:54%;-webkit-animation-duration:13.9s;animation-duration:13.9s;-webkit-animation-delay:-9.2s;animation-delay:-9.2s;-webkit-transform-origin:-11vw -18vh;transform-origin:-11vw -18vh;box-shadow:40vmin 0 9.69781vmin currentColor}.animated-background span:nth-child(12){color:#5C984F;top:45%;left:35%;-webkit-animation-duration:10.1s;animation-duration:10.1s;-webkit-animation-delay:-7.1s;animation-delay:-7.1s;-webkit-transform-origin:17vw 17vh;transform-origin:17vw 17vh;box-shadow:40vmin 0 6.78847vmin currentColor}.animated-background span:nth-child(13){color:#5C984F;top:84%;left:60%;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:-6.9s;animation-delay:-6.9s;-webkit-transform-origin:25vw 17vh;transform-origin:25vw 17vh;box-shadow:40vmin 0 10.39554vmin currentColor}.animated-background span:nth-child(14){color:#5C984F;top:60%;left:23%;-webkit-animation-duration:11.7s;animation-duration:11.7s;-webkit-animation-delay:-11.7s;animation-delay:-11.7s;-webkit-transform-origin:24vw 22vh;transform-origin:24vw 22vh;box-shadow:40vmin 0 11.30688vmin currentColor}.animated-background span:nth-child(15){color:#5C984F;top:100%;left:75%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform-origin:25vw -7vh;transform-origin:25vw -7vh;box-shadow:-40vmin 0 9.17096vmin currentColor}.animated-background span:nth-child(16){color:#5C984F;top:67%;left:27%;-webkit-animation-duration:14.4s;animation-duration:14.4s;-webkit-animation-delay:-10.2s;animation-delay:-10.2s;-webkit-transform-origin:-8vw -16vh;transform-origin:-8vw -16vh;box-shadow:-40vmin 0 10.48346vmin currentColor}.animated-background span:nth-child(17){color:#5C984F;top:15%;left:48%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-4.7s;animation-delay:-4.7s;-webkit-transform-origin:16vw 13vh;transform-origin:16vw 13vh;box-shadow:-40vmin 0 12.9382vmin currentColor}.animated-background span:nth-child(18){color:#5C984F;top:87%;left:12%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-3.5s;animation-delay:-3.5s;-webkit-transform-origin:-3vw -8vh;transform-origin:-3vw -8vh;box-shadow:-40vmin 0 9.93638vmin currentColor}.animated-background span:nth-child(19){color:#85C067;top:37%;left:61%;-webkit-animation-duration:11.7s;animation-duration:11.7s;-webkit-animation-delay:-12.1s;animation-delay:-12.1s;-webkit-transform-origin:20vw 5vh;transform-origin:20vw 5vh;box-shadow:40vmin 0 14.78838vmin currentColor}.animated-background span:nth-child(20){color:#5C984F;top:41%;left:44%;-webkit-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:-15.9s;animation-delay:-15.9s;-webkit-transform-origin:19vw -3vh;transform-origin:19vw -3vh;box-shadow:-40vmin 0 11.51455vmin currentColor}.animated-background span:nth-child(21){color:#5C984F;top:30%;left:90%;-webkit-animation-duration:11.8s;animation-duration:11.8s;-webkit-animation-delay:-3.5s;animation-delay:-3.5s;-webkit-transform-origin:7vw 21vh;transform-origin:7vw 21vh;box-shadow:-40vmin 0 5.73251vmin currentColor}.animated-background span:nth-child(22){color:#5C984F;top:10%;left:15%;-webkit-animation-duration:12.9s;animation-duration:12.9s;-webkit-animation-delay:-9.8s;animation-delay:-9.8s;-webkit-transform-origin:16vw 13vh;transform-origin:16vw 13vh;box-shadow:40vmin 0 7.08449vmin currentColor}.animated-background span:nth-child(23){color:#5C984F;top:95%;left:44%;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:-9.5s;animation-delay:-9.5s;-webkit-transform-origin:-6vw 11vh;transform-origin:-6vw 11vh;box-shadow:-40vmin 0 10.97857vmin currentColor}.animated-background span:nth-child(24){color:#85C067;top:8%;left:55%;-webkit-animation-duration:12.9s;animation-duration:12.9s;-webkit-animation-delay:-4.5s;animation-delay:-4.5s;-webkit-transform-origin:-4vw -3vh;transform-origin:-4vw -3vh;box-shadow:40vmin 0 11.17504vmin currentColor}.animated-background span:nth-child(25){color:#85C067;top:37%;left:51%;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-7s;animation-delay:-7s;-webkit-transform-origin:-23vw 11vh;transform-origin:-23vw 11vh;box-shadow:40vmin 0 13.52377vmin currentColor}.animated-background span:nth-child(26){color:#85C067;top:88%;left:5%;-webkit-animation-duration:11.1s;animation-duration:11.1s;-webkit-animation-delay:-8.8s;animation-delay:-8.8s;-webkit-transform-origin:-17vw 16vh;transform-origin:-17vw 16vh;box-shadow:40vmin 0 10.95673vmin currentColor}.animated-background span:nth-child(27){color:#85C067;top:64%;left:84%;-webkit-animation-duration:14.4s;animation-duration:14.4s;-webkit-animation-delay:-5.6s;animation-delay:-5.6s;-webkit-transform-origin:-7vw 14vh;transform-origin:-7vw 14vh;box-shadow:40vmin 0 14.75959vmin currentColor}.animated-background span:nth-child(28){color:#85C067;top:70%;left:79%;-webkit-animation-duration:11.9s;animation-duration:11.9s;-webkit-animation-delay:-14.7s;animation-delay:-14.7s;-webkit-transform-origin:-15vw -22vh;transform-origin:-15vw -22vh;box-shadow:40vmin 0 5.54504vmin currentColor}.animated-background span:nth-child(29){color:#85C067;top:55%;left:10%;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-4.9s;animation-delay:-4.9s;-webkit-transform-origin:16vw -15vh;transform-origin:16vw -15vh;box-shadow:40vmin 0 6.11984vmin currentColor}.animated-background span:nth-child(30){color:#85C067;top:50%;left:6%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-5.7s;animation-delay:-5.7s;-webkit-transform-origin:12vw 18vh;transform-origin:12vw 18vh;box-shadow:-40vmin 0 14.28412vmin currentColor}.animated-background span:nth-child(31){color:#85C067;top:33%;left:67%;-webkit-animation-duration:11.1s;animation-duration:11.1s;-webkit-animation-delay:-13.5s;animation-delay:-13.5s;-webkit-transform-origin:17vw -4vh;transform-origin:17vw -4vh;box-shadow:40vmin 0 11.88091vmin currentColor}.animated-background span:nth-child(32){color:#85C067;top:65%;left:7%;-webkit-animation-duration:11.4s;animation-duration:11.4s;-webkit-animation-delay:-15.4s;animation-delay:-15.4s;-webkit-transform-origin:6vw 6vh;transform-origin:6vw 6vh;box-shadow:-40vmin 0 6.99486vmin currentColor}.animated-background span:nth-child(33){color:#85C067;top:2%;left:28%;-webkit-animation-duration:13.1s;animation-duration:13.1s;-webkit-animation-delay:-9.1s;animation-delay:-9.1s;-webkit-transform-origin:25vw -13vh;transform-origin:25vw -13vh;box-shadow:-40vmin 0 11.90292vmin currentColor}.animated-background span:nth-child(34){color:#85C067;top:60%;left:69%;-webkit-animation-duration:12.7s;animation-duration:12.7s;-webkit-animation-delay:-3.6s;animation-delay:-3.6s;-webkit-transform-origin:10vw 20vh;transform-origin:10vw 20vh;box-shadow:40vmin 0 7.04747vmin currentColor}.animated-background span:nth-child(35){color:#85C067;top:97%;left:43%;-webkit-animation-duration:11.2s;animation-duration:11.2s;-webkit-animation-delay:-6.2s;animation-delay:-6.2s;-webkit-transform-origin:6vw -1vh;transform-origin:6vw -1vh;box-shadow:-40vmin 0 5.41424vmin currentColor}.animated-background span:nth-child(36){color:#85C067;top:3%;left:31%;-webkit-animation-duration:14.2s;animation-duration:14.2s;-webkit-animation-delay:-12.5s;animation-delay:-12.5s;-webkit-transform-origin:10vw 25vh;transform-origin:10vw 25vh;box-shadow:40vmin 0 13.67189vmin currentColor}.animated-background span:nth-child(37){color:#85C067;top:37%;left:36%;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-14s;animation-delay:-14s;-webkit-transform-origin:24vw 9vh;transform-origin:24vw 9vh;box-shadow:40vmin 0 9.80645vmin currentColor}.animated-background span:nth-child(38){color:#85C067;top:1%;left:69%;-webkit-animation-duration:12.5s;animation-duration:12.5s;-webkit-animation-delay:-15.5s;animation-delay:-15.5s;-webkit-transform-origin:23vw -15vh;transform-origin:23vw -15vh;box-shadow:-40vmin 0 12.66849vmin currentColor}.animated-background span:nth-child(39){color:#85C067;top:75%;left:97%;-webkit-animation-duration:11.7s;animation-duration:11.7s;-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform-origin:-5vw 3vh;transform-origin:-5vw 3vh;box-shadow:-40vmin 0 11.70693vmin currentColor}.animated-background span:nth-child(40){color:#85C067;top:87%;left:6%;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-11.6s;animation-delay:-11.6s;-webkit-transform-origin:-7vw -2vh;transform-origin:-7vw -2vh;box-shadow:-40vmin 0 10.11195vmin 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)}}.landing-page .site-header{padding:0 50px}.landing-page .site-header,.landing-page section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.landing-page .header-logo{width:auto;max-height:50vh}.landing-page .flex{display:flex;width:100%}.landing-page .flex-column{width:100%}.landing-page .mol{width:100%;margin-top:25px;cursor:-webkit-grab;cursor:grab}.landing-page .big-text h1,.landing-page .big-text h2{display:inline;color:#f29799}.landing-page .big-text h1,.landing-page .big-text h2,.landing-page .big-text span{font-size:52px}@media screen and (max-width: 1200px){.landing-page .big-text h1,.landing-page .big-text h2,.landing-page .big-text span{font-size:40px}}@media screen and (max-width: 900px){.landing-page .big-text h1,.landing-page .big-text h2,.landing-page .big-text span{font-size:28px}}@media screen and (max-width: 400px){.landing-page .big-text h1,.landing-page .big-text h2,.landing-page .big-text span{font-size:22px}}@media screen and (max-width: 360px){.landing-page .big-text h1,.landing-page .big-text h2,.landing-page .big-text span{font-size:18px}}.landing-page .big-text span{color:#373535}.landing-page .green-underline .big-headline{border-bottom:10px solid #a2dfba}.landing-page .green-underline .image-links a:hover{border-bottom:6px solid #a2dfba}.landing-page .red-underline .big-headline{border-bottom:10px solid #f29799}.landing-page .red-underline .image-links a:hover{border-bottom:6px solid #f29799}.landing-page .blue-underline .big-headline{border-bottom:10px solid #a7c0e5}.landing-page .blue-underline .image-links a:hover{border-bottom:6px solid #a7c0e5}.landing-page .purple-underline .big-headline{border-bottom:10px solid #322460}.landing-page .purple-underline .image-links a:hover{border-bottom:6px solid #322460}.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}.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}.landing-page .image-bg-content .text-navigation p{font-size:32px;margin:0}@media screen and (max-width: 1200px){.landing-page .image-bg-content .text-navigation p{font-size:28px}}@media screen and (max-width: 900px){.landing-page .image-bg-content .text-navigation p{font-size:22px}}@media screen and (max-width: 400px){.landing-page .image-bg-content .text-navigation p{font-size:18px}}@media screen and (max-width: 360px){.landing-page .image-bg-content .text-navigation p{font-size:14px}}.landing-page .image-bg-content .text-navigation .image-links{margin:40px 0;font-size:28px;font-weight:bold}@media screen and (max-width: 1200px){.landing-page .image-bg-content .text-navigation .image-links{font-size:25px}}@media screen and (max-width: 900px){.landing-page .image-bg-content .text-navigation .image-links{font-size:20px}}@media screen and (max-width: 400px){.landing-page .image-bg-content .text-navigation .image-links{font-size:15px}}@media screen and (max-width: 360px){.landing-page .image-bg-content .text-navigation .image-links{font-size:12px}}.landing-page .image-bg-content .text-navigation .image-links a{color:#fff;text-decoration:none}.landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:60px}@media screen and (max-width: 900px){.landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:30px}}.landing-page .sponsored{align-items:flex-start;padding:20px}@media screen and (max-width: 767px){.landing-page .sponsored{align-items:center}}.landing-page .sponsored h2{color:#373535;text-transform:uppercase}.landing-page .sponsor-images{display:flex;justify-content:space-between;width:100%;margin-bottom:50px}@media screen and (max-width: 767px){.landing-page .sponsor-images{flex-direction:column;align-items:center}}.landing-page .sponsor-images img{width:auto;height:100px}@media screen and (max-width: 1200px){.landing-page .sponsor-images img{height:80px}}@media screen and (max-width: 900px){.landing-page .sponsor-images img{height:60px}}@media screen and (max-width: 767px){.landing-page .sponsor-images img{width:200px;height:auto;margin:20px 0}}.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){.team-headline{font-size:40px;border-bottom:8px solid #a2dfba}}@media screen and (max-width: 767px){.team-headline{font-size:30px;border-bottom:6px solid #a2dfba}}@media screen and (max-width: 500px){.team-headline{font-size:24px;border-bottom:4px solid #a2dfba}}@media screen and (max-width: 380px){.team-headline{font-size:18px;border-bottom:4px solid #a2dfba}}.container .team-image{margin:0 auto;-webkit-filter:none;filter:none}.team-member{display:flex;margin-bottom:50px}@media screen and (max-width: 1440px){.team-member{padding:0 20px}}@media screen and (max-width: 760px){.team-member{flex-direction:column;align-items:center}}.team-member img{width:200px;height:200px;border-radius:200px}.team-member h2{text-align:left;text-transform:uppercase;font-size:40px;margin:0}@media screen and (max-width: 1200px){.team-member h2{font-size:30px}}@media screen and (max-width: 900px){.team-member h2{font-size:20px}}.team-member h2 i{font-weight:normal}.team-member h2 i::before{content:'| '}.member-content{width:50%}@media screen and (max-width: 900px){.member-content{width:100%}}.member-image-left img{margin-right:50px}.member-image-right img{margin-left:50px}.member-image-right{justify-content:flex-end}@media screen and (max-width: 760px){.member-image-right{flex-direction:column-reverse}}@media screen and (max-width: 760px){.member-image-left img,.member-image-right img{margin:0 0 20px 0}}.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}.show-all-members:hover{text-decoration:underline}.show-all-members img{display:inline-block;width:20px;margin-top:-2px} | ||
| + | </style> | ||
<div class="has-animations landing-page"> | <div class="has-animations landing-page"> | ||
Revision as of 09:35, 8 June 2019
iGEM HU Berlin . The worldwide plastic pollution of our environment poses a growing threat to humankind. We, as a team of young aspiring scientists, want to combat this issue. By modifying the freshwater algae Chlamydomonas reinhardtii we are trying to develop a new, evironment-friendly way of recycling the most common plastic, polyethylene therephtalate (PET). Brace yourself, plastic pollution! We are coming for you!
