html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;line-height:1.75;color:#000000a6}header.main{position:relative;z-index:100;max-width:96rem;width:90%;margin:0 auto 1em;padding:4rem 0 2rem;display:flex;justify-content:flex-start}header.main nav{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:flex-end;margin-left:2rem;font-size:1.1rem}header.main nav a{//font-family: "Open Sans","Microsoft Yahei";font-size:.9rem;color:#666;font-weight:600;letter-spacing:1px;margin:0 1.5rem;text-decoration:none;transition:color .8s ease}header.main nav a.active{color:#000}#about{width:40%;position:absolute;top:40%;left:10%;z-index:20;transform:translateY(-50%)}.bg-align{margin-top:50%}#about h1{margin:30px;font-family:Merriweather,sans-serif;font-size:50px;font-weight:700;line-height:1.25;color:#000000d9}#about p{margin:30px}.index-img{float:top;margin-left:25px;width:30%}.social{margin:30px}.social .icon{background-position:center center;background-repeat:no-repeat;background-size:40px;width:60px;height:60px;float:left;margin:0;opacity:.85}.icon.github{background-image:url(data:image/png;base64,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)}.icon.instagram{background-image:url(/assets/icon-instagram-CqsiabFu.png)}#profile{background-image:url(/assets/profile-Dvj4ZLIu.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;width:70%;height:100%;position:absolute;top:0;right:0;z-index:10}.copyright{width:100%;float:left;margin:100px 0 0}@media (max-width: 768px){#about{width:100%;left:0;height:100%;background-color:#ffffffd9}header.main nav{justify-content:flex-start;margin-left:0}}@media (max-width: 580px){#profile{background-image:none}header.main nav{font-size:1.5rem}header.main nav a{margin:0 .8rem}}.highlight{font-weight:600;color:#000000d9;border-bottom:1px solid #CCC;text-decoration:none}.highlight:hover{text-decoration:none}