update file test

index.html

@@ -16,7 +16,7 @@
 		<meta name="msapplication-TileImage" content="ms-icon-144x144.png">
 		<link href='https://fonts.googleapis.com/css?family=Merriweather:400,700italic' rel='stylesheet' type='text/css'>
 		<!-- <link rel="stylesheet" href="css/loading.css"> -->
-		<!--critical css inline-->
+		<!--critical css inline.-->
 		<style>
 		.boat:before,.wave:before{content:" "}.loading body,.loading html{overflow:hidden;position:fixed}.Merriweather400 .menu{font-family:Merriweather,serif;font-weight:400}.boat{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 92'%3E%3Cstyle%3Epath {fill:%23002351;}%3C/style%3E%3Cpath d='M67.6 59.8h15.7l9.2-22.1-9.2-21.1H33.1v23L57.3 46v31.7H0L1 46l25.2-6.9V9.2l64.4-.5 26.2 51.6h13.4L204.7 0H264l18.4 22.1h16.1v14.7L500 14l-78.7 78H83.7z'/%3E%3C/svg%3E") no-repeat;width:12.5%;position:absolute;left:0;bottom:189px;-webkit-animation:boating infinite cubic-bezier(.39,.575,.565,1) 14.4s;animation:boating infinite cubic-bezier(.39,.575,.565,1) 14.4s}.class-dismissed .boat{-webkit-animation:none;animation:none;display:none}.boat:before{display:block;padding-top:18.4%}.menu{font-size:1rem;line-height:2rem;background:#000c1c;box-sizing:border-box;color:#c6f3c7;max-height:100vh;overflow:hidden;position:fixed;bottom:0;left:0;right:0;z-index:30;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}#surface,.segment{position:relative}#surface{background:#A9DDF2;color:#000c1c;z-index:20}@-webkit-keyframes boating{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(800%);transform:translateX(800%)}}@keyframes boating{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(800%);transform:translateX(800%)}}.segment{opacity:0;-webkit-transition:opacity 2.1s cubic-bezier(.215,.61,.355,1);transition:opacity 2.1s cubic-bezier(.215,.61,.355,1);min-height:100vh;padding:4rem 4rem 4rem 2rem}.wave,.wave:before,.waves,.waves_wrapper{position:absolute;left:0;width:100%}.waves_wrapper{background:-webkit-linear-gradient(top,#39dbb4 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,#39dbb4 0,rgba(0,0,0,0) 100%);height:120px;bottom:-180px;padding-bottom:60px}.waves{background:#39dbb4;height:120px;top:-120px}.wave{bottom:60px;height:130px}.animated .in-zone .wave{-webkit-animation-name:oceanSurge;animation-name:oceanSurge;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.wave:before{-webkit-transform:scale(1.1) translateX(-20px);-ms-transform:scale(1.1) translateX(-20px);transform:scale(1.1) translateX(-20px);bottom:0;padding:0 40px;height:120px}.animated .in-zone .wave:before{-webkit-animation-name:oceanMotion;animation-name:oceanMotion;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.wave-close{-webkit-animation-duration:3.4s;animation-duration:3.4s}.wave-close:before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-143 132 672 120'%3E%3Cstyle%3E.st0{fill:%2339DBB4;}%3C/style%3E%3Cpath class='st0' d='M193 183.5c-137 .4-129 44.9-336 45.2V252h672v-23.3c-207-.3-199-44.8-336-45.2z'/%3E%3C/svg%3E") 100% 100% repeat-x;-webkit-animation-duration:2.1s;animation-duration:2.1s}.wave-near{-webkit-animation-duration:5.5s;animation-duration:5.5s}.wave-near:before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-278 121 403 120'%3E%3Cstyle%3E.st0{fill:%23007E84;}%3C/style%3E%3Cpath class='st0' d='M-80.1 146c-82.2.2-73.8 20.6-197.9 20.7V241h403v-74.3C.9 166.6 2.1 146.2-80.1 146z'/%3E%3C/svg%3E") 100% 100% repeat-x;-webkit-animation-duration:3.4s;animation-duration:3.4s;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.wave-mid{background:#002351;height:130px}.wave-mid:before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-143 -34 305 120'%3E%3Cpath style='fill:%230B4A61' d='M9.5-34C-52.7-33.8-49-20.1-143-20V86h305V-20C68-20.1 71.7-33.8 9.5-34z'/%3E%3C/svg%3E") 0 10px repeat-x;background-size:305px 120px;-webkit-animation-duration:5.5s;animation-duration:5.5s}@-webkit-keyframes oceanMotion{100%{-webkit-transform:scale(1.1) translateX(30px);transform:scale(1.1) translateX(30px)}}@keyframes oceanMotion{100%{-webkit-transform:scale(1.1) translateX(30px);transform:scale(1.1) translateX(30px)}}@-webkit-keyframes oceanSurge{100%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes oceanSurge{100%{-webkit-transform:translateY(10px);transform:translateY(10px)}}
 		</style>