@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{padding:100px 150px;background:#f7f7f7}body .home{font-size:1.5rem;margin-bottom:50px;animation:fadeUp .3s ease-in;animation-delay:.5s;animation-fill-mode:both}body .home i{color:#222;padding:10px;border:2px solid #222;border-radius:5px;cursor:pointer}body .home i:hover{color:#eee;background:#222}body .container{margin-bottom:100px;width:100%}body .container h2{font-family:Roboto, sans-serif;font-size:5rem;margin-bottom:80px;animation:fadeUp .3s ease-in;animation-delay:.7s;animation-fill-mode:both}body .container h1{font-family:Roboto, sans-serif;font-size:2.5rem;padding-bottom:30px;font-weight:700;animation:fadeUp .3s ease-in;animation-delay:.9s;animation-fill-mode:both}body .container p{font-family:sans-serif;font-size:1rem;text-align:justify;font-weight:400;word-spacing:1px;animation:fadeUp .3s ease-in;animation-delay:1.1s;animation-fill-mode:both}body .container span{padding:10px 0}body .container ol{font-family:sans-serif;margin:20px}body .container ol li{margin-left:50px;margin-bottom:10px;animation:fadeUp .3s ease-in;animation-delay:1.3s;animation-fill-mode:both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@media (max-width: 800px){body{padding:40px}body .home{margin-bottom:30px}body .container{margin-bottom:0}body .container h2{font-size:3.5rem;margin-bottom:40px}body .container h1{font-size:2.5rem}body .container p{font-size:1.2rem}}@media (max-width: 600px){body .container{padding:20px 0}body .container h2{font-size:3rem}body .container h1{font-size:2rem}body .container p{font-size:.9rem}}