*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}header{background-color:#04148e;color:#fff;padding:1rem}nav ul{display:flex;justify-content:space-between;list-style:none}nav ul li{margin-right:1rem}nav ul li a{color:#fff;padding:.5rem;text-decoration:none;transition:all .3s ease-in-out}nav ul li a:hover{color:#f9c942}main{margin:0 auto;max-width:800px;padding:1rem}h1,h2,h3{margin-bottom:1rem}section:not(:last-child){margin-bottom:2rem}footer{background-color:#1e1f26;color:#fff;padding:1rem;text-align:center}form label{display:block;margin-bottom:.5rem}form input,form textarea{background-color:#f7f7f7;border:none;border-radius:.25rem;display:block;margin-bottom:1rem;padding:.5rem;width:100%}form button{background-color:#f9c942;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease-in-out}form button:hover{background-color:#e6b306}.card{align-items:center;background-color:#222;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px}.card h2{font-size:24px;margin-bottom:10px}.card p{font-size:18px;margin-bottom:20px;text-align:center}.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.skills{display:flex;flex-wrap:wrap;justify-content:space-between}.skill{background-color:#f9c942;border-radius:.25rem;color:#1e1f26;font-weight:700;margin-bottom:.5rem;padding:.5rem 1rem}.skill:hover{background-color:#e6b306}.social-links{display:flex;justify-content:center;margin-top:20px}.social-links button{background-color:#03a9f4;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:inline-block;font-family:Roboto Mono,monospace;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 10px;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out}.social-links button:hover{background-color:#f9c942;box-shadow:0 6px 12px rgba(0,0,0,.16);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.flex-row{display:flex;flex-wrap:wrap;justify-content:space-between}.flex-row .card{margin-bottom:2rem;width:calc(50% - 1rem)}@media (max-width:768px){.flex-row .card{width:100%}}
/*# sourceMappingURL=main.4ae62009.css.map*/