@import"https://fonts.googleapis.com/css?family=Cormorant+Unicase|Lobster|Lato|Raleway:300,400,600";html,body{padding:0;margin:0}body{background-size:cover;font-family:Lato,sans-serif;background-color:#09121c;color:#fff}h1{color:#244a74;font-family:Lobster,cursive;font-size:45px}h2{color:#72d0f5;font-family:Lobster,cursive;margin-left:10px}a{text-decoration:none;line-height:1;position:relative;z-index:0;display:inline-block;padding:5px;overflow:hidden;color:#72d0f5;vertical-align:bottom;transition:color .3s ease-out}a:before{content:"";position:absolute;z-index:-1;top:0;left:0;transform:translateY(calc(100% - 2px));width:100%;height:100%;background-image:linear-gradient(60deg,#F0FAFF 0%,#72D0F5 100%);transition:transform .25s ease-out}a:hover{color:#000}a:hover:before{transform:translateY(0);transition:transform .25s ease-out}.header{min-height:50px;margin-bottom:20px;background-color:#f0faff}.header a{color:#244a74}.menu{display:flex;justify-content:flex-end;padding:0;margin:0 100px 0 0}.menu li{list-style:none;padding:15px}@media screen and (max-width: 786px){.menu{margin-right:20px}}.page{display:flex;height:100%}@media screen and (max-width: 786px){.page{flex-direction:column;align-items:center}}.left-content{width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column}.left-content h1,.left-content h2{margin:0;padding:0;line-height:28px}.left-content h1{line-height:32px}.left-content img{margin-top:20px;margin-bottom:20px;max-width:90%}.full-content{width:100%;padding:50px}.home-items{display:flex;padding:0;flex-wrap:wrap}.home-items li{list-style:none;margin:20px}.home-items li h3{margin:0 0 5px;padding:0;color:#fff;font-size:1.2em}.home-items li img{width:200px;border:1px #F0FAFF solid}@media screen and (max-width: 1200px){.home-items li h3 img{width:100px}}.social-links{margin:0;padding:0}.social-links li{padding:0;margin:0;list-style-type:none;text-align:center;font-size:15px}.content-detail{font-size:1.1em;color:#fff}.content-detail h2{margin-bottom:15px}.content-detail .content-info{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 900px){.content-detail .content-info{flex-direction:column}}.content-detail .content-info-pic{padding:10px}.content-detail .content-info-text{text-align:center;padding:20px;flex:1}.content-detail hr{width:100%}.content-detail img{width:500px;max-width:90%}@media screen and (max-width: 1200px){.content-detail img{width:350px}}.content-detail a{margin:5px}