.record{width: 1200px; margin:160px auto 0px auto; height: 100vh; overflow: hidden; } 

.record h2{text-align: center; width: 100%; margin-top: 40px; font-size: 30px; color: #fff; letter-spacing: 2px; text-shadow: 0 0 5px #0aafe6, 0 0 5px rgba(10, 175, 230, 0);} 
.portrait{width:180px; height: 180px; margin: auto; border-radius: 50%; background: url(../images/portrait.jpg) no-repeat center; background-size: 100% 100%; transition: all .5s;animation: fadenum 30s linear;animation-iteration-count: infinite;}  
@keyframes fadenum {100%{transform:rotate(360deg)};}
.link{text-align: center; width: 400px; margin: auto; display: flex; justify-content: space-between; margin-top: 80px;}
.link a{padding: 10px 30px; background-color: rgba(0, 255, 255,.1); color: #fff; border-radius: 5px; transition: all 1s; font-size: 20px;}
.link a:hover{box-shadow: 0px 0px 10px cyan inset;}
.snow{box-shadow: 0px 0px 15px cyan inset;}