Home

index.CSS

@@ -0,0 +1,248 @@
+.text-wrapper {
+    display: flex;
+}
+
+p {
+    font-size: 18px;
+}
+body {
+    margin: 0;
+    background-color: #EBE7DC;
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+}
+
+.display-1 {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+}
+
+.nav-bar {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 24px 8px 24px;
+    background-color: #EBE7DC;
+    position: fixed;
+    width: 100%;
+    z-index:1;
+}
+
+.nav-items {
+    display: flex;
+    justify-content: space-between;
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+}
+
+ul {
+    text-align: right;
+    list-style-type: none;
+}
+
+li a {
+    text-decoration: none;
+    padding: 16px;
+    color: black;
+    font-size: 24px;
+    font-weight: 600;
+}
+
+a:hover {
+    color: #8a2be2;
+}
+
+.intro-container {
+    background-color: #EBE7DC;
+    display: flex;
+}
+
+.intro {
+    text-align: left;
+    /* use the following code line to centre align items -> 'margin: auto;'*/
+
+    padding: 220px 60px 240px 160px;
+}
+
+.hero-image {
+padding-top: 120px;
+padding-right: 140px;
+}
+
+
+
+/*.button{
+    text-decoration: none;
+    color: #EBE7DC;
+    padding: 12px 24px;
+    border-radius: 28px;
+    background-color: black;
+    font-weight: 600;
+    font-size: 14px;
+}*/
+
+
+.btn-primary {
+    border-radius: 28px;
+    padding: 12px 24px;
+    background-color: #8a2be2;
+    border-color: #8a2be2;
+}
+
+.btn-primary:hover {
+    background-color: #4e0f88;
+    border-color: #4e0f88;
+}
+
+.whytechheader {
+    padding: 0px 160px 40px 160px;
+    text-align: center;
+    color: #F0F0F0;
+}
+
+.sub-heading {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 400;
+    font-size: 28px;
+}
+
+h2 {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+    font-size: 40px;
+}
+
+h3 {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+    font-size: 24px;
+}
+
+h4 {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+    font-size: 20px;
+}
+
+.whytech {
+    background-color: black;
+    text-align: center;
+    padding: 80px 60px;
+}
+
+
+h4 {
+    font-family: 'Wix Madefor Display', sans-serif;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+    font-size: 22px;
+}
+
+.row {
+    text-align: center;
+    padding: 0px 40px 60px 40px;
+
+}
+
+.container {
+    width: 64%;
+
+
+}
+
+.team {
+    text-align: center;
+    padding: 80px 60px;
+}
+
+.teamheader {
+    padding: 0px 24px 40px 24px;
+    text-align: center;
+}
+
+.card {
+    padding: 0px;
+
+}
+
+.mission-section {
+    display: flex;
+    padding: 60px 100px; 
+    background-color:#4e0f88;
+    color: white;
+}
+
+.mission {
+    padding: 100px 100px 100px 40px;
+}
+
+.footer {
+   text-align: center;
+   background-color: #000000;
+   color: white;
+   padding: 30px;
+}
+
+.footer-links {
+    display: flex;
+    color: white;
+    justify-content: center;
+}
+
+.social-media {
+    margin: 20px;
+    display: flex;
+    justify-content: center;
+}
+
+.Facebook {
+    padding: 12px
+}
+
+.Instagram {
+    padding: 12px
+}
+
+.Pinterest {
+    padding: 12px
+}
+
+.Twitter {
+    padding: 12px
+}
+
+#about-link {
+    color: white;
+}
+
+#about-link:hover {
+    color: #8a2be2;
+}
+
+#terms-link {
+    color: white;
+}
+
+#terms-link:hover {
+    color: #8a2be2;
+}
+
+#privacy-link {
+    color: white;
+}
+
+#privacy-link:hover {
+    color: #8a2be2;
+}
+
+#contact-link {
+    color: white;
+}
+
+#contact-link:hover {
+    color: #8a2be2;
+}