*{margin:0;padding:0;box-sizing:border-box;font-family:Lora,serif;font-family:"Noto Serif TC",serif}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}header{position:fixed;top:0;width:100vw;background-color:#fcfaf2;display:flex;align-items:center;flex-wrap:wrap;box-shadow:0 5px 5px rgba(84,100,235,.2)}header .logo{display:flex;align-items:center;flex:5 1 400px}header .logo img{padding:.75rem;width:6vw;height:6vw}header .logo h1{color:#293f3c}header nav{flex:2 1 400px}header nav ul{display:flex;flex-wrap:wrap;list-style:none;justify-content:space-around}header nav ul li a{font-size:2rem;color:#293f3c;text-decoration:none}header nav ul li a:hover{background-color:rgba(249,168,38,.2)}body,html{height:100%;width:100%;background-color:#434343}section{width:100%;display:flex;flex-wrap:wrap;padding:2rem;padding-top:8rem}section .block{flex:1 1 250px;max-width:350px;background-color:#fcfaf2;margin:2rem 2.5rem;border-radius:18px;box-shadow:0 20px 20px -18px #000;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;transition:.3s ease}section .block .title{background-color:#f9a826;display:flex;width:100%;box-shadow:0 1px 15px rgba(67,67,67,.5)}section .block .title a{width:100%;padding:.75rem 1.5rem;text-decoration:none}section .block .title a h2{text-align:center;color:#fcfaf2;font-weight:600;letter-spacing:4px}section .block p{padding:.25rem 3rem;padding-top:3rem;width:100%;height:200px;font-weight:500;color:#fcfaf2;letter-spacing:2px;display:none;position:absolute;background-color:rgba(67,67,67,.8);transition-delay:.8s}section .block img{height:200px;width:100%;background-image:url(pic/namecardpic2.png);background-size:cover}section .block:hover{transform:translateY(-2%)}section .block:hover p{display:block}