/* line 1, capitalize/app/assets/stylesheets/capitalize/layout.scss */
html, body {
  height: 100%;
}

/* line 5, capitalize/app/assets/stylesheets/capitalize/layout.scss */
#root {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 15, capitalize/app/assets/stylesheets/capitalize/layout.scss */
.footer {
  margin-top: auto;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
/* line 7, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#split-border {
  background: linear-gradient(to left, #ffffff 0%, #ffffff 50%, #f7f8fb 50%, #f7f8fb 100%);
}

@media screen and (max-width: 1024px) {
  /* line 11, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #split-border {
    background: #f7f8fb;
  }
}

@media screen and (max-width: 767px) {
  /* line 16, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #split-border {
    background: #fff;
  }
}

/* line 20, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-primary {
  border-radius: 30px;
  color: white;
  background-image: linear-gradient(to right bottom, #9867ff, #8c6bff, #806fff, #7473ff, #6776ff);
  line-height: 44px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 200ms;
}

/* line 29, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-primary:hover {
  opacity: .8;
}

/* line 34, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-primary2 {
  border-radius: 30px;
  color: white;
  background-image: linear-gradient(to right bottom, #9867ff, #8c6bff, #806fff, #7473ff, #6776ff);
  line-height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: bold;
  transition: all 200ms;
}

/* line 44, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-primary2:hover {
  opacity: .8;
}

/* line 48, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-outline {
  border-radius: 30px;
  color: white;
  border: 1px solid white;
  line-height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 200ms;
}

/* line 56, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-outline:hover {
  border: 1px solid #9867ff;
}

/* line 61, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-outline-black {
  border-radius: 30px;
  color: black;
  border: 2px solid black;
  line-height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 200ms;
  font-weight: medium;
}

/* line 70, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.cap-outline-black:hover {
  border: 2px solid #9867ff;
  color: #9867ff;
}

/* line 76, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.bottom-left-ellipse {
  position: absolute;
  width: 100%;
  height: 150%;
  top: 75%;
  left: -55%;
  opacity: .37;
  border-radius: 5000px;
  filter: blur(1000px);
  -webkit-filter: blur(1000px);
  -moz-filter: blur(1000px);
  -ms-filter: blur(1000px);
  transform: translate3d(0, 0, 0);
  background: #3828f3;
}

/* line 91, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
.right-ellipse {
  position: absolute;
  width: 110%;
  height: 160%;
  left: 40%;
  top: -10%;
  opacity: .3;
  border-radius: 5000px;
  filter: blur(1200px);
  -webkit-filter: blur(1200px);
  -moz-filter: blur(1200px);
  -ms-filter: blur(1200px);
  transform: translate3d(0, 0, 0);
  background: #8841FD;
}

@media screen and (max-width: 500px) {
  /* line 109, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  .bottom-left-ellipse {
    filter: blur(150px) !important;
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -ms-filter: blur(150px);
  }
  /* line 116, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  .right-ellipse {
    filter: blur(150px) !important;
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -ms-filter: blur(150px);
  }
}

/* line 128, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing {
  background: #101722;
  -webkit-font-smoothing: antialiased;
}

/* line 133, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing .proof {
  bottom: 0px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

/* line 140, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing .proof b {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  /* line 145, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .proof {
    background: linear-gradient(177.48deg, rgba(255, 255, 255, 0.1178) 2.14%, rgba(255, 255, 255, 0) 150.41%, rgba(255, 255, 255, 0) 150.41%);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media screen and (max-width: 389px) {
  /* line 153, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .h1-title {
    font-size: 27px;
  }
}

@media screen and (max-width: 374px) {
  /* line 158, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .h1-title {
    font-size: 26px;
  }
}

@media screen and (max-height: 900px) {
  /* line 164, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .iphone {
    max-height: 720px;
  }
}

@media screen and (max-height: 950px) {
  /* line 170, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .iphone {
    max-height: 780px;
  }
}

@media screen and (min-height: 1000px) {
  /* line 176, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .xl-monitor {
    margin-top: 50px;
  }
}

@media screen and (min-height: 1100px) {
  /* line 181, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .xl-monitor {
    margin-top: 100px;
  }
}

@media screen and (min-height: 1200px) {
  /* line 186, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .xl-monitor {
    margin-top: 100px;
  }
  /* line 189, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
  #ruv-landing .proof {
    margin-top: 00px;
  }
}

/* line 196, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing .bg-detail {
  position: absolute;
  right: -150px;
  width: 500px;
  top: 200px;
  opacity: .8;
  height: 600px;
  background-size: cover;
  background-image: url("https://uploads.wefunder.com/capitalize/background.svg");
}

/* line 208, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing .gray-border {
  border-color: #282E38;
}

/* line 212, capitalize/app/assets/stylesheets/capitalize/web/nick_dev.scss */
#ruv-landing .divider {
  height: 14px;
  background-image: linear-gradient(to right, #5439be, #4370dd, #579dee, #8cc7f7, #cfeeff);
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */