#contact{padding:50px 0}.contact-container{box-sizing:border-box;background-color:#0000;border:1px solid;border-radius:8px;max-width:800px;margin:0 auto;padding:20px;transition:box-shadow .3s;animation:5s infinite alternate borderAnimation;box-shadow:0 0 20px #0000001a}.contact-container:hover{box-shadow:0 0 30px #0000004d}@keyframes borderAnimation{0%{border-color:#c3c3c3}50%{border-color:#747474}to{border-color:#302f2f}}.contact-heading{text-align:center;margin-bottom:40px}.contact-heading h1{color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:Roboto,sans-serif;font-size:36px}.contact-info{margin-bottom:30px}.contact-info h2{color:#fff;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:24px}.contact-info ul{padding:0;list-style:none}.contact-info li{margin-bottom:15px;font-family:Open Sans,sans-serif}.contact-info li span{color:#cecccc;font-weight:700}.contact-info li a{color:#0367d2;font-family:Poppins,sans-serif;text-decoration:none;transition:color .6s}.contact-info li a:hover{color:#007bff}.contact-container a{color:#fff;border-radius:5px;padding:10px;font-family:Roboto,sans-serif;text-decoration:none;transition:background-color .6s;display:inline-block}.contact-container a:hover{background-color:#333}@media screen and (max-width:1000px){.contact-container{max-width:90%}}