*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#777;font-family:Lato,sans-serif;font-weight:400;line-height:1.7}.main-title{text-align:center;text-shadow:1px 0 1px #ccc,0 1px 1px #eee,2px 1px 1px #ccc,1px 2px 1px #eee,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #eee,5px 4px 1px #ccc,4px 5px 1px #eee,6px 5px 1px #ccc,5px 6px 1px #eee,7px 6px 1px #ccc;margin-top:4rem;margin-bottom:8rem}.main-title h1{text-transform:uppercase;color:#555;font-size:7rem;font-weight:800}.main-title h2{text-transform:uppercase;font-size:4rem;font-weight:300}.svg-img,svg{margin:auto;display:block}#clock{transform-box:fill-box;transform-origin:bottom;animation:5s linear infinite clockHand}#leftTree,#rightTree{transform-box:fill-box;transform-origin:bottom;animation:2s ease-in-out infinite alternate tree}#man{transform-box:fill-box;transform-origin:bottom;animation:1s ease-in-out infinite alternate manBody}#pc-circle{fill:#6ace66;stroke-width:4px;animation:4s linear infinite alternate change-light}.footer{background-color:#f5f5f5;width:100%;height:35px;font-size:1.3rem;line-height:35px;position:absolute;bottom:0}@media (width>=640px){.main-title h1{text-transform:uppercase;color:#555;font-size:5rem;font-weight:700}.main-title h2{text-transform:uppercase;font-size:3rem;font-weight:300}}@media (width>=768px){.main-title h1{text-transform:uppercase;color:#555;font-size:6rem;font-weight:800}.main-title h2{text-transform:uppercase;font-size:4rem;font-weight:300}}@media (width>=1024px){.main-title h1{text-transform:uppercase;color:#555;font-size:7rem;font-weight:900}.main-title h2{text-transform:uppercase;font-size:5rem;font-weight:300}}@media (width>=1200px){.main-title h1{text-transform:uppercase;color:#555;font-size:8rem;font-weight:900}.main-title h2{text-transform:uppercase;font-size:5rem;font-weight:300}.main-title{text-align:center;margin-top:4rem;margin-bottom:4rem}}