style.css

/*
 Theme Name: Multiple Landing Theme
 Author: Mark Tiddy
 Version: 1.0
*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: #FFEDCB;
  font-size: 1.15rem;
  color: white;
}

body {
  background: #f5f5f5;
}

a {
  color: #0e0e0e;
  text-decoration: none;
  font-weight:500;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

a:hover {
text-decoration: underline;
}

.container {
  position: relative;
  overflow: hidden;
  width: 100vw;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.divider {
  position: absolute;
  right: 0vh;
  top: 0;
  width: 50vw;
  min-height: 100vh;
  border-radius: 20% 0 0 20%;
  background-color: #52b9c0;
  text-align: right;
}

.divider h2 {
  text-align: right;
  margin: 1.5rem 3rem;
  color: white;
  display:none;
}

p {
  font-size:1.2rem;
  line-height: 1.5em;
  padding-bottom: 15px;
}

h4 {
  margin-top:1rem;
  margin-bottom:0.5rem;
}

.app-image {
  height: 65vh;
  margin-right: 2.5rem;
  margin-top:20px;
  margin-bottom:20px;
}

.left-side {
  color: #313c4a;
  margin-top: 3rem;
  margin-left: 4rem;
  font-size: 1.25rem;
  font-weight: 300;
  min-height: 100vh;
}

#privacy-policy-body {
  display:none;
}

#privacy-policy-area {
  color:white;
  display: inline-block;
  text-align:center;
  border-radius: 3%;
  margin-top:-15px;
  margin-bottom:10px;
  padding: -5px;
  
  transition: all 500ms;
}

#privacy-policy-area h4, #privacy-policy-area p {
  font-size: 1rem;
  margin:5px;
  padding:0;
}

#privacy-policy-area:hover {
  cursor: pointer;
  opacity: 0.9;
  
}


.left-side p {
  width: 40vw;
}

.download-buttons {
  bottom: 5vh;
  margin: 10px 2.5rem;
  text-align: right;
}

.download-button {
  height: 2.75rem;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.download-button:hover {
  cursor: pointer;
  height: 3rem;
}

.footer-text {

font-size: 1rem;
padding-top:10px;
}

.footer-links {
  margin-left:10px;
  font-size:1rem;
  color:#0e0e0e;
}

.footer-links a {

  color:teal;
  padding: 5px;
  transition: all 500ms;
  border-radius: 2%;
}


.footer-links ul {
  display:inline-block;
  margin-bottom: 20px;
}

.footer-links li {
  display: inline-block;
  margin: 5px 15px;
  margin-left:0;
  text-decoration: none;

  
}

.footer-links a:hover {
  background:teal;
  color:white;
  cursor: pointer;
  text-decoration: none;
}


@media only screen and (max-width: 600px) {
  .container {
    min-height: 200vh;
  }
  .divider {
    min-height: 100vh;
    width: 100vw;
    border-radius: 0 0 10% 10%;
    text-align: center;
    position: absolute;
  }
  .divider h2 {
    text-align: center;
    margin: 1rem 0;
    display:block;
  }

  .divider a {
    color:white;
  }
  .app-image {
    margin: 0;
    margin-bottom:10px;
   
  }
 
  .left-side {
    color: #313c4a;
    margin-top: 105vh;
    margin-left: 0rem;
    text-align: center;
    position: static;
  }
  .left-side p {
    width: 90vw;
    margin: 0 20px 0 10px;
  }
  .download-buttons {
    text-align: center;
    margin: 0 auto;
    width: 100vw;
  }
  .download-button {
    text-align: center;
    margin: 0;
  }
  #privacy-policy-area {
    margin-top:-10px;

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