@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap";body{height:100%;max-height:100vh}svg{z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f8c4c4}.path{animation:draw 20s infinite;animation-timing-function:linear}.path-01{animation-delay:0s}.path-02{animation-delay:1s}.path-03{animation-delay:2s}.path-04{animation-delay:3s}.path-05{animation-delay:4s}@keyframes draw{to{stroke-dashoffset:0;stroke-opacity:1}}.container{display:flex;flex-direction:column;justify-content:center;height:95vh;width:95vw}.rectangle{width:75vw;height:75vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:-75vw;animation:slideIn 1s forwards}@media only screen and (min-width: 321px){.container{display:flex;flex-direction:column;justify-content:center;height:85vh;width:95vw}.rectangle{width:75vw;height:50vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:-75vw;animation:slideIn 1s forwards}}@keyframes slideIn{0%{left:-75vw}to{left:0}}.name{font-family:Ubuntu,sans-serif;color:#f8c4c4;font-size:3rem;z-index:1}.job-title{font-family:Ubuntu,sans-serif;color:#f8c4c4;font-size:1.5rem;margin-top:-1.5rem;flex:0 0 auto;z-index:1}