@import url(https://fonts.googleapis.com/css?family=Rubik:500,700,400);#body{width:100%;height:192vw;background:#fff;position:relative;overflow-x:hidden}#header{width:100%;height:50px;position:fixed;left:0;top:0;flex-shrink:0;background:#fff;box-shadow:0 8px 24px 0 rgba(0,0,0,.25);z-index:1;user-select:none}#headerlogo{width:230px;height:39px;flex-shrink:0;background:url(/images/logos/6123f2c242173b307a1181533441fa5d3509942b/logotitlehoriz.png),#d3d3d3 7.373px 0/96.491% 105.299% no-repeat;background-size:cover;position:relative;top:6px;scale:.8}.headertext{color:#293144;text-align:center;text-shadow:0 8px 8px rgba(0,0,0,.12);font-family:Rubik;font-size:1.2vw;font-style:normal;font-weight:400;line-height:normal;width:124px;height:36px;flex-shrink:0;top:16px;position:absolute}.headertext:hover{color:#5d71a0}.headertext:active{scale:.95}#headerstart{right:587px}#headerjoin{right:455px}#headerinfo{right:323px}#headercontact{right:187px}#loginbtn{width:76.798px;height:38.758px;flex-shrink:0;position:absolute;top:8px;right:20.24px;border-radius:6px;background:#0677bb;box-shadow:0 8px 4px 0 rgba(0,0,0,.15);color:#fff;text-align:center;text-shadow:0 5px 4px rgba(0,0,0,.25);font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:1;display:flex;justify-content:center;align-items:center;scale:.8}#blueback1{width:100%;flex-shrink:0;fill:#0677bb;filter:drop-shadow(0 8px 12px rgba(0, 0, 0, .25));top:46px;left:0;position:absolute;user-select:none}#blueback2{width:100%;flex-shrink:0;fill:#0677bb;filter:drop-shadow(0 8px 12px rgba(0, 0, 0, .25));top:110%;left:0;position:absolute;user-select:none}#making-teaching-sail{width:70%;right:20%;position:relative;color:#fff;text-align:center;text-shadow:0 6px 4px rgba(0,0,0,.14);font-family:Rubik;font-size:3vw;font-style:normal;font-weight:400;line-height:normal;user-select:none}#start-joinbtns{left:15%;position:absolute;top:12%}#start{height:14vh;scale:1.1;width:44vh;flex-shrink:0;border-radius:15px;background:#293144;box-shadow:0 8px 4px 0 rgba(0,0,0,.14);color:#fff;text-align:center;text-shadow:0 8px 4px rgba(0,0,0,.25);font-family:Rubik;font-size:2vw;font-style:normal;font-weight:400;line-height:1;display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none}#start:hover{background:#465372;color:#b3b2b2}#start:active{scale:.95}#join{user-select:none;scale:1.1;width:44vh;height:10vh;position:relative;top:4vh;flex-shrink:0;border-radius:15px;background:#293144;box-shadow:0 8px 4px 0 rgba(0,0,0,.14);color:#fff;text-align:center;text-align:center;text-shadow:0 8px 4px rgba(0,0,0,.25);font-family:Rubik;font-size:2vw;font-style:normal;font-weight:400;line-height:1;display:flex;justify-content:center;align-items:center}#join:active{scale:.95}#join:hover{background:#465372;color:#b3b2b2}#imgfront{width:60vh;height:42vh;flex-shrink:0;position:absolute;right:13%;top:28%;border-radius:10px;border:18px solid #293144;background:url(/images/homepage/7f49a8200a7fcbdab0b2cd6d294007bcf320f82c/imgfront.png),#d3d3d3 -2.044px -2.381px/101.036% 101.805% no-repeat;box-shadow:5px 10px 8px 0 rgba(0,0,0,.25);background-size:cover;scale:1.2;user-select:none}#boat1{position:absolute;top:83vh;left:20vh;transform:rotate(-60deg)}#boat1 .sail{transform:rotate(20deg)}#boat2{position:absolute;top:90vh;right:20vw;transform:rotate(60deg)}#boat2 .boatcolor{fill:#eb0202}#boat2 .sail{transform:rotate(-20deg)}#boat3{position:absolute;top:105vh;right:23vw;transform:rotate(60deg)}#boat3 .boatcolor{fill:#22b81f}#boat3 .sail{transform:rotate(-20deg)}#boat4{position:absolute;margin-top:-30px;right:28vw;transform:rotate(-130deg)}#boat4 .boatcolor{fill:#eaee0d}#boat4 .sail{transform:rotate(60deg)}#boat5{position:absolute;margin-top:-70px;left:28vw;transform:rotate(-160deg)}#boat5 .boatcolor{fill:#761fe4}#boat5 .sail{transform:rotate(80deg)}#scroll{position:absolute;top:95vh;left:49%;width:1vw;height:.8vw;overflow:hidden}#textscroll{position:absolute;top:92%;left:45%;color:#5d5e61;text-align:center;font-family:Rubik;font-size:1vw;font-style:normal;font-weight:500;line-height:normal;user-select:none}.infotext{position:absolute;color:#fff;text-align:right;text-shadow:0 8px 4px rgba(0,0,0,.12);font-family:Rubik;font-size:3vw;font-style:normal;font-weight:700;line-height:.8;width:44vw;height:10vw;flex-shrink:0;scale:.9;user-select:none}.infoimg{width:57vh;height:40vh;flex-shrink:0;position:absolute;border-radius:10px;border:18px solid #293144;box-shadow:5px 10px 8px 0 rgba(0,0,0,.25);box-shadow:5px 10px 8px 0 rgba(0,0,0,.25);user-select:none}#infotext1{position:absolute;top:135%;left:-2%}#infoimg1{top:130%;right:14%;background:url(/images/homepage/7f49a8200a7fcbdab0b2cd6d294007bcf320f82c/imgfront.png),#d3d3d3 -2.044px -2.381px/101.036% 101.805% no-repeat;background-size:cover}#infotext2{position:absolute;top:190%;right:3%;text-align:left}#infoimg2{top:188%;left:12%;background:url(/images/homepage/7f49a8200a7fcbdab0b2cd6d294007bcf320f82c/imgfront.png),#d3d3d3 -2.044px -2.381px/101.036% 101.805% no-repeat;background-size:cover}#infotext3{position:absolute;top:250%;left:-2%}#infoimg3{top:245%;right:14%;background:url(/images/homepage/7f49a8200a7fcbdab0b2cd6d294007bcf320f82c/imgfront.png),#d3d3d3 -2.044px -2.381px/101.036% 101.805% no-repeat;background-size:cover}#infotext4{position:absolute;top:313%;right:3%;text-align:left}#infoimg4{top:305%;left:12%;background:url(/images/homepage/7f49a8200a7fcbdab0b2cd6d294007bcf320f82c/imgfront.png),#d3d3d3 -2.044px -2.381px/101.036% 101.805% no-repeat;background-size:cover}#logofooter{position:absolute;left:1%;margin-top:-9%;border-radius:12px;background:url(/images/logos/c868ce81a322713302e4aded9eb0b8d99715f992/logotitle.png),#d3d3d3 50%/cover no-repeat;background-size:cover;width:12vw;height:8vw;flex-shrink:0;user-select:none}#copyright{position:absolute;margin-top:-1%;left:46%;color:#5d5e61;text-align:center;font-family:Rubik;font-size:.8vw;font-style:normal;font-weight:500;line-height:normal;user-select:none}#contact{position:absolute;margin-top:-190px;right:100px;width:10vw;display:flex;justify-content:center;align-items:center;user-select:none}.contactimg:hover{scale:.8}#infostart{position:relative;top:60px;color:#bebdbd;text-align:center;font-family:Rubik;font-size:3vw;font-style:normal;font-weight:500;line-height:normal;user-select:none;display:none}@media only screen and (max-device-width:480px){#headerlogo{width:120px;height:20px;scale:1.2;top:15px;left:5%}#loginbtn{scale:.6;right:0}.headertext{font-size:4vw;display:none}#blueback1{scale:9}#imgfront{scale:.6;left:22%;top:48%;transform:translate(-50%,-50%)}#start-joinbtns{scale:1;top:25%;left:50%;transform:translate(-50%,-50%)}#start{font-size:140%;display:none}#join{font-size:220%;scale:.8;top:2vw}#join:active{scale:1.1}#making-teaching-sail{left:30%;scale:1.5;width:40%}#scroll{scale:4}#textscroll{scale:4}#blueback2{top:200%;scale:4}#infostart{display:block;top:10px}#boat1{scale:.8;left:13%}#boat2{scale:.8;right:25%;top:78%}#boat3{scale:.8;right:8%;top:90%}.infoimg{scale:.6;left:24%;transform:translate(-50%,-50%)}.infotext{text-align:center;scale:2;left:27%}#infotext1{top:120%;left:27%}#infoimg1{top:138%}#infotext2{text-align:center;top:174%}#infoimg2{left:24%;top:192%}#infotext3{text-align:center;top:240%;transform:translate(-50%,-50%);left:71%}#infoimg3{top:253%}#infotext4{top:298%;text-align:center}#infoimg4{top:311%;text-align:center;transform:translate(-50%,-50%);left:24%}#logofooter{top:353%;scale:2;border-radius:1vw;left:10%}#contact{scale:.5;top:365%;right:18%}#boat4{display:none}#boat5{display:none}#copyright{font-size:3.3vw;top:357%;transform:translate(-50%,-50%);left:50%}#join:active{scale:.85}}@media only screen and (max-device-width:480px){#headerlogo{width:120px;height:20px;scale:1.2;top:15px;left:5%}#loginbtn{scale:.6;right:0}.headertext{font-size:4vw;display:none}#blueback1{scale:9}#imgfront{scale:.6;left:22%;top:48%;transform:translate(-50%,-50%)}#start-joinbtns{scale:1;top:25%;left:50%;transform:translate(-50%,-50%)}#start{font-size:140%;display:none}#join{font-size:220%;scale:.8;top:2vw}#join:active{scale:1.1}#making-teaching-sail{left:30%;scale:1.5;width:40%}#scroll{scale:4}#textscroll{scale:4}#blueback2{top:200%;scale:4}#infostart{display:block;top:10px}#boat1{scale:.8;left:13%}#boat2{scale:.8;right:25%;top:78%}#boat3{scale:.8;right:8%;top:90%}.infoimg{scale:.6;left:24%;transform:translate(-50%,-50%)}.infotext{text-align:center;scale:2;left:27%}#infotext1{top:120%;left:27%}#infoimg1{top:138%}#infotext2{text-align:center;top:174%}#infoimg2{left:24%;top:192%}#infotext3{text-align:center;top:240%;transform:translate(-50%,-50%);left:71%}#infoimg3{top:253%}#infotext4{top:298%;text-align:center}#infoimg4{top:311%;text-align:center;transform:translate(-50%,-50%);left:24%}#logofooter{top:353%;scale:2;border-radius:1vw;left:10%}#contact{scale:.5;top:365%;right:18%}#boat4{display:none}#boat5{display:none}#copyright{font-size:3.3vw;top:357%;transform:translate(-50%,-50%);left:50%}#join:active{scale:.85}}@media only screen and (max-device-width:390px){#headerlogo{width:120px;height:20px;scale:1.2;top:15px;left:5%}#loginbtn{scale:.6;right:0}.headertext{font-size:4vw;display:none}#blueback1{scale:7.2}#imgfront{scale:.6;left:26%;top:48%;transform:translate(-50%,-50%)}#start-joinbtns{scale:1;top:25%;left:50%;transform:translate(-50%,-50%)}#start{font-size:140%;display:none}#join{font-size:170%;scale:.8;top:2vw}#join:active{scale:1.1}#making-teaching-sail{left:30%;scale:1.5;width:40%}#scroll{scale:4}#textscroll{scale:4}#blueback2{top:190%;scale:3.3}#infostart{display:block;top:10px}#boat1{scale:.8;left:13%}#boat2{scale:.8;right:25%;top:78%}#boat3{scale:.8;right:8%;top:90%}.infoimg{scale:.6;left:28%;transform:translate(-50%,-50%)}.infotext{text-align:center;scale:2;left:27%}#infotext1{top:120%;left:27%}#infoimg1{top:141%}#infotext2{text-align:center;top:174%}#infoimg2{left:27%;top:195%}#infotext3{text-align:center;top:240%;transform:translate(-50%,-50%);left:71%}#infoimg3{top:256%}#infotext4{top:298%;text-align:center}#infoimg4{top:313%;text-align:center;transform:translate(-50%,-50%);left:27%}#logofooter{top:352%;scale:2;border-radius:1vw;left:10%}#contact{scale:.5;top:368%;right:18%}#boat4{display:none}#boat5{display:none}#copyright{font-size:3.3vw;top:357%;transform:translate(-50%,-50%);left:50%}#join:active{scale:.85}}.boat{width:33px;height:58px;position:absolute;flex-shrink:0;user-select:none}.boat:hover{cursor:grab}.boat:active{cursor:grabbing;scale:1.1}.sail:hover{cursor:grab}.sail:active{cursor:grabbing}.boat .boatsvg{position:absolute;top:0;left:-4.5px}.boat .boatcolor{fill-opacity:.7}.boat .sail{position:absolute;width:12px;height:20px;flex-shrink:0;transform-origin:6px 2.5px;left:10px;top:12px}.boatnum{width:14px;height:25px;flex-shrink:0;color:#212f52;text-align:center;font-family:Rubik;font-size:22px;font-style:normal;font-weight:500;line-height:normal;position:absolute;top:34px;left:27%;z-index:1}#circle{height:1.3vw;width:3.2vw;display:flex;justify-content:center;align-items:center;position:relative;left:-9px;top:60px;display:block}#circle{cursor:grab}#circle:active{cursor:grabbing}#shadowup{position:absolute;left:-5px;top:-30px;transform-origin:2px 10px;z-index:-5;transition:.3s ease all;display:none}