/* retoor <retoor@molodetz.nl> */

*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about{text-align:center;opacity:0;animation:fadeIn 2s ease forwards}
.about h1{font-size:2.8rem;font-weight:200;letter-spacing:2px;margin-bottom:2.5rem;opacity:0;animation:slideUp 1.5s ease .5s forwards}
.about .source{font-size:1.1rem;color:#fff;opacity:0;animation:slideUp 1.5s ease 2s forwards;letter-spacing:.5px}
.about .source span{display:inline-block;border-right:2px solid #fff;padding-right:4px;animation:blink 1s step-end infinite}
.about .back{margin-top:4rem;opacity:0;animation:slideUp 1s ease 5s forwards}
.about .back a{color:#222;font-size:.8rem;text-decoration:none;letter-spacing:.5px;text-transform:lowercase;transition:color .3s ease}
.about .back a:hover{color:#555}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,100%{border-color:#fff}50%{border-color:transparent}}