*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}html{scroll-behavior:smooth}.app{display:flex;flex-direction:column}.header{display:flex;flex-direction:row;justify-content:space-between;background:#fff;padding:2rem}.main{display:flex;flex-direction:column}.footer{display:flex;flex-direction:column;align-items:center;background:#000;color:#fff;padding:2rem}.navIcon{border:none;background:transparent;cursor:pointer;padding:8px}.navMenu{position:absolute;top:65px;right:1rem;min-width:150px;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden}.navItem{padding:8px;border-bottom:1px solid #e7e9eb;border-radius:4px;text-align:center}.navItem:last-child{border-bottom:none}.navIcon:focus,.navItem:focus{outline:2px solid #0066cc;outline-offset:2px}.nav a:link,.nav a:visited{color:#000;background-color:#fff;text-decoration:none}.nav a:hover,.nav a:active{background-color:#e7e9eb;text-decoration:none}.hero{background:linear-gradient(90deg,#515ada,#efd5ff);min-height:60vh}.heroText{display:flex;flex-direction:column;gap:15px;justify-self:flex-start;padding:2rem;color:#fff}@media (min-width: 768px){.heroText{width:60%}}.heroText h1,.heroText p{margin:0}.headline{font-size:2.5rem}@media (min-width: 768px){.description{width:50%}}.iconContainer,.btnContainer{display:flex;flex-direction:row;gap:10px}.btnLink{padding:8px;width:100px;height:40px;background:#fff;text-align:center;border-radius:3px}.btnLink:link,.btnLink:visited{color:#000;background-color:#fff;text-decoration:none}.btnLink:hover,.btnLink:active{background-color:#000;color:#fff;text-decoration:none;border-bottom:3px solid #e7e9eb}svg{transition:transform .2s ease}svg:hover{transform:scale(1.1);opacity:.8}.transition-strip{height:8px;background:linear-gradient(90deg,#efd5ff,#e6b3ff 25%,#d4a574 75%,#fcff9e)}.bg{background:linear-gradient(90deg,#fcff9e,#c67700)}.about{display:flex;flex-direction:column;padding:2rem}.aboutTitle{font-size:3rem;margin:0}@media (min-width: 768px){.aboutContent{width:60%}}.contact{display:flex;flex-direction:column;align-items:center;min-height:20vh;padding:2rem}.emailLink{transition:transform .5s ease}.emailLink:link,.emailLink:visited{color:#000;background-color:transparent;text-decoration:none}.emailLink:hover,.emailLink:active{transform:scale(1.05);color:#000;text-decoration:none}