*{margin:0;padding:0}body{background-color:#200d39;display:grid;grid-template-areas:"header" "main" "menu" "footer"}nav{grid-area:"header";position:fixed;min-width:100%;top:0;height:150px;margin:30px auto 0;width:auto;opacity:.8}nav ul{list-style:none}nav li,nav ul{text-align:center}nav li{display:inline;margin:0}nav li a{color:#0f0;text-align:center;font-size:23px;font-family:"Beth Ellen",cursive;padding:5px;font-weight:bolder;transition:color .3s;-webkit-text-decoration-line:none;text-decoration-line:none;margin:0 100px}nav ul li a:hover{color:#0ff}#welcome-section{grid-area:"main";display:flex;min-height:100vh;justify-content:center;align-items:center;max-width:300px;color:#f0f8ff;margin:10px auto 0}#welcome-section p{font-family:"Crafty Girls",cursive;font-size:30px;padding-left:80px;-webkit-animation-name:color1;animation-name:color1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse}#welcome-section h1{font-family:"Noto Sans TC",sans-serif;font-size:40px;-webkit-animation-name:color;animation-name:color;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse}@-webkit-keyframes color{0%{color:#21ffd0}to{color:#ffb72b}}@keyframes color{0%{color:#21ffd0}to{color:#ffb72b}}@-webkit-keyframes color1{0%{color:#0f0}to{color:#ff0bf7}}@keyframes color1{0%{color:#0f0}to{color:#ff0bf7}}img{min-width:400px;min-height:200px;padding:0;border-radius:0}#projects{grid-area:menu;padding-top:200px;margin-left:20px}#projects h2{font-family:"Noto Sans TC",sans-serif;font-size:30px;padding:40px;margin-left:160px;-webkit-animation-name:color2;animation-name:color2;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse}@-webkit-keyframes color2{0%{color:#9acd32}to{color:#f0f}}@keyframes color2{0%{color:#9acd32}to{color:#f0f}}#projects h2:hover{color:#f0f8ff}.creations{display:grid;grid-template-columns:auto auto;margin:0 auto;max-width:1100px;width:100%}.creations a{font-family:"Caveat",sans-serif;font-size:25px;color:orange;transition:color 1s;-webkit-text-decoration-line:none;text-decoration-line:none}.creations a:hover{color:#7500ff}.creations a p{margin:10px}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:80vh;padding:120px 2rem 0}.contact-section-header>h2{font-size:30px;font-family:"Noto Sans TC",sans-serif;color:red;-webkit-animation-name:color3;animation-name:color3;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse}@-webkit-keyframes color3{0%{color:red}25%{color:#06ffc9}50%{color:#bfff00}75%{color:#4000ff}to{color:#ff0bf7}}@keyframes color3{0%{color:red}25%{color:#06ffc9}50%{color:#bfff00}75%{color:#4000ff}to{color:#ff0bf7}}.contact-links a{display:flex;justify-content:center;width:100%;max-width:980px;margin-top:4rem;padding:0 20px;flex-wrap:wrap;font-family:"Crafty Girls",cursive;color:#dff2c6;transition:color 1s}.contact-links a:hover{color:#fcf75e}.contact-details{font-size:20px;text-shadow:2px 2px 1px #1f1f1f;transition:transform 1s ease-out}.contact-details:hover{transform:translateY(8px)}footer{grid-area:"footer";font-weight:700;width:100%;color:#ff1493;display:flex;padding:0;background:#0d1039;box-shadow:2px 0 10px #000;font-family:"Crafty Girls",cursive}footer p{margin:2rem;transition:color 1s}footer:hover{color:#00ff7f}footer i{vertical-align:middle}
/*# sourceMappingURL=main.7466eb7d.chunk.css.map */