body { background: linear-gradient(-45deg, #6c0c72, #1f066c); background-size: 400% 400%; animation: gradient 15s ease infinite; height: 100vh; background-attachment: fixed; }

@keyframes gradient { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

header { display: none; height: 60px; position: fixed; background-color: #fff; width: 100%; margin: 0; top: 0; left: 0; }

header .container { height: 100%; margin: 0 auto; max-width: 984px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

header .container .logo { height: 35px; width: 280px; background-image: url("/assets/img/logo.png"); background-size: contain; background-position: center left; background-repeat: no-repeat; }

header .container .phone a { text-decoration: none; color: #6c0c72; font-family: sans-serif; font-weight: lighter; font-size: 20px; }

@media screen and (min-width: 1024px) { header { display: block; } }

.current { color: green; }

.jumbo { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }

@media screen and (min-width: 1024px) { .jumbo { flex-direction: row; } }

.jumbo .empty-mobile { width: 50%; height: 20vh; background-image: url("/assets/img/shome.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }

@media screen and (min-width: 1024px) { .jumbo .empty-mobile { width: 0%; height: 0; } }

.jumbo .empty { margin-left: 50px; width: 0%; height: 0; background-image: url("/assets/img/shome.png"); background-position: center; background-size: contain; background-repeat: no-repeat; display: block; }

@media screen and (min-width: 1024px) { .jumbo .empty { width: 40%; height: 100%; } }

.jumbo .text { width: 80%; color: #44ffff; }

.jumbo .text img { max-width: 100%; height: auto; }

@media screen and (min-width: 1024px) { .jumbo .text { width: 40%; } }

.jumbo .text h2 { font-family: sans-serif; font-weight: lighter; }

.btn { color: #fff; border: 2px solid #fff; padding: 10px 25px; border-radius: 15px; font-family: sans-serif; /* text-transform: uppercase; */ font-weight: lighter; text-decoration: none; }

.heading { margin-top: 150px; margin-bottom: 50px; text-align: center; }

.heading h1 { color: #fff; font-family: sans-serif; font-weight: lighter; font-size: 40px; }

.why { margin: 0 auto; display: flex; max-width: 1024px; flex-direction: column; }

.why .why-card { width: 80%; margin: 20px auto; }

.why .why-card .why-img { margin: 0 auto; width: 100%; text-align: center; }

.why .why-card .why-img img { max-width: 100%; height: auto; }

.why .why-card .why-text { min-height: 290px; margin-top: -130px; padding-top: 100px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: rgba(255, 255, 255, 0.15); border-radius: 25px; text-align: center; }

.why .why-card .why-text img { max-width: 70%; height: auto; }

.why .why-card .why-text ul.why-list { padding-left: 0; color: rgba(255, 255, 255, 0.8); font-family: sans-serif; font-weight: lighter; font-size: 15px; }

.why .why-card .why-text ul.why-list li { list-style-type: none; padding: 4px 0; }

@media screen and (min-width: 1024px) { .why { flex-direction: row; } .why .why-card { width: 33%; margin: 20px 20px; } }

.faq { margin: 0 auto; display: flex; max-width: 1024px; }

.faq .faq-text { font-family: sans-serif; font-size: 24px; width: 100%; }

.faq .faq-text .quest { color: #44ffff; padding-top: 40px; font-weight: bold; }

.faq .faq-text .quest p { margin: 0; }

.faq .faq-text .answer { color: #fff; }

.faq .faq-text .answer p { margin: 0; }

@media screen and (min-width: 1024px) { .faq .faq-text { width: 70%; } }

.faq .faq-img { width: 0%; padding-left: 20px; }

.faq .faq-img img { max-width: 100%; height: auto; }

@media screen and (min-width: 1024px) { .faq .faq-img { width: 30%; } }

.projects { margin: 0 auto; display: flex; max-width: 1024px; justify-content: space-around; align-items: center; flex-direction: column; }

@media screen and (min-width: 1024px) { .projects { flex-direction: row; } }

.projects .project-card { width: 80%; height: 350px; border-radius: 25px; transition: 0.2s; margin-top: 50px; }

@media screen and (min-width: 1024px) { .projects .project-card { width: 44%; } }

.projects .project-card a { text-decoration: none; border-radius: 25px; }

.projects .project-card .project-img { height: 80%; background-position: center; background-size: cover; border-radius: 25px; display: flex; flex-direction: column-reverse; }

.projects .project-card:hover .project-img { box-shadow: 0px 0px 30px 10px rgba(68, 255, 255, 0.9); }

.projects .project-card .project-text { color: white; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; text-align: center; }

.projects .project-card .project-text h3 { font-family: sans-serif; color: #ffffff; }

.ideas { margin: 0 auto; display: flex; max-width: 1024px; flex-direction: column; }

.ideas .idea-card { width: 80%; margin: 20px auto; background-color: rgba(255, 255, 255, 0.15); text-align: center; padding: 20px; border-radius: 25px; }

.ideas .idea-card a { text-decoration: none; }

.ideas .idea-card a .idea-img { margin: 0 auto; height: 200px; width: 200px; border-radius: 50%; background-color: #fff; background-size: cover; border: 2px solid #44ffff; }

.ideas .idea-card a .idea-heading { padding-top: 20px; color: #fff; font-family: sans-serif; font-weight: bold; font-size: 20px; }

.ideas .idea-card a .idea-abstract { color: #44ffff; font-family: sans-serif; font-weight: bold; font-size: 14px; }

.ideas .idea-card a:hover .idea-img { box-shadow: 0px 0px 20px 10px rgba(68, 255, 255, 0.9); }

@media screen and (min-width: 1024px) { .ideas { flex-direction: row; } .ideas .idea-card { width: 33%; margin: 20px 20px; } }

.contacts { margin: 0 auto; display: flex; max-width: 1024px; text-align: center; align-items: center; justify-content: center; }

.contacts a { color: #fff; font-family: sans-serif; font-weight: lighter; font-size: 30px; text-decoration: none; }

footer { height: 200px; }

/*# sourceMappingURL=styles.css.map */