*{margin:0;padding:0;box-sizing:border-box}h1{font-size:1.5rem;padding:.5rem 0}h2{font-size:1rem}h3{font-size:.875rem;font-weight:400}.header{display:flex;justify-content:center;align-items:center;padding:2rem 0}.logo{height:5rem;width:5rem}.header-contents{padding-left:1.25rem;display:flex;flex-direction:column}.socials{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.socials .icons{margin:0 2rem}.icons{transition:.2s ease-in-out 0s}.icons:hover{transform:scale(1.15)}.roboto-mono{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:200;font-style:normal}.tag-line{font-weight:400;font-size:0.7rem}@media (max-width: 640px){.header{flex-direction:column}.header_contents{text-align:center}.main-heading{text-align:center;margin-right:25px}}.main-body{background:linear-gradient(69deg,#3d5af1 12.18%,#22d1ee 84%);color:#f5f5f5;min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.sections{width:37.5rem;padding:1.5rem 0;text-align:center;}.section-button{display:flex;align-items:center;padding:.75rem 2rem;text-decoration:none;background-color:#fff;margin:1rem 0;border-radius:50px;transition:.2s ease-in-out 0s}.section-button:hover{transform:scale(1.05)}.section-button .icons{margin-right:1rem}.section-content{width:30rem;margin-bottom:4px;margin-top:4px}.custom-icons{height:25px;width:25px;margin-right:1rem;transition:.2s ease-in-out 0s}.custom-icons:hover{transform:scale(1.15)}figure{margin-bottom:3.5px;margin-top:3.5px}@media (max-width: 640px){.sections{width:18.75rem}}