TRI-283: add scss posterinvideo

static/css/moover/root.css

@@ -1,117 +0,0 @@
-.container {
-  margin: 0 auto;
-  max-width: 1280px;
-  position: relative;
-  min-height: 695px;
-}
-
-/*@media (max-width: 1339.98px) {*/
-/*  .container {*/
-/*    width: 992px*/
-/*  }*/
-/*}*/
-
-/*@media (max-width: 1019.98px) {*/
-/*  .container {*/
-/*    width: 720px*/
-/*  }*/
-/*}*/
-
-/*@media (max-width: 767.98px) {*/
-/*  .container {*/
-/*    margin: 0 15px;*/
-/*    width: auto*/
-/*  }*/
-/*}*/
-:root {
-  --color-primary: #FF613A;
-  --color-white: #FFFFFF;
-  --color-black: #000000;
-  --color-black2: #272424;
-  --color-grey: #F1F1F1;
-  --color-grey2: #7A7979;
-  --color-orange: #FF613A;
-
-
-  
-  
-  --box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
-  0 -1px 10px 0 rgba(198, 199, 203, 0.20);
-  text-align: center;
-  color: var(--color-black2);
-}
-
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-  font-weight: 700;
-
-}
-
-h1, .title {
-  font-size: 44px;
-  line-height: 52px;
-}
-
-h2, .h2 {
-  font-size: 24px;
-  line-height: 36px;
-  margin-bottom: 10px;
-}
-
-h3, .h3 {
-font-size: 20px;
-line-height: 28px;
-  margin-bottom: 12px;
-}
-
-h4, .h4 {
-  font-size: 18px;
-  line-height: 26px;
-  margin-bottom: 20px;
-}
-
-p {
-  line-height: 22px;
-  margin-bottom: 20px;
-}
-
-b {
-  font-weight: 500;
-}
-
-
-.btn {
-  display: inline-flex;
-  text-decoration: none;
-  color: black;
-  line-height: 22px;
-  border-radius: 10px;
-  padding: 20px 76px 18px;
-  justify-content: center;
-  align-items: center;
-  margin: 0 3px;
-  letter-spacing: 0.2px;
-  font-size: 18px;
-}
-
-.btn--primary {
-  background: var(--color-primary);
-  color: var(--color-white);
-}
-
-.title {
-  font-size: 44px;
-  font-weight: 700;
-  line-height: 52px;
-  margin-bottom: 13px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.subtitle {
-  margin-bottom: 81px;
-  line-height: 22px;
-}
-
-.hide {
-  display: none;
-}