Dev rachel

client/assets/css/global.css

+/* FONT CALLS */
+
+@font-face {
+    font-family: 'BrandonGrotesqueReg';
+    src: local('BrandonGrotesqueReg'),
+      url(~assets/fonts/brandon_reg/brandon_reg-webfont.ttf) format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: 'BrandonGrotesqueBld';
+    src: local('BrandonGrotesqueBld'),
+      url(~assets/fonts/brandon_bld/brandon_bld-webfont-webfont.ttf)
+        format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: 'BrandonGrotesqueBlk';
+    src: local('BrandonGrotesqueBlk'),
+      url(~assets/fonts/brandon_blk/brandon_blk-webfont.ttf)
+        format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  
+  @font-face {
+    font-family: 'PlayfairDisplayBld';
+    src: local('PlayfairDisplayBld'),
+      url(~assets/fonts/playfairdisplay/playfairdisplay-bold-webfont.ttf)
+        format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: 'PlayfairDisplayReg';
+    src: local('PlayfairDisplayReg'),
+      url(~assets/fonts/playfairdisplay/playfairdisplay-regular-webfont.ttf)
+        format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  /* FONT DETAILS */
+  
+  * {
+    font-family: 'BrandonGrotesqueReg';
+    font-size: 18px;
+  }
+
+  h1 {
+    font-family: 'PlayfairDisplayReg';
+    text-transform: capitalize;
+    font-size: 30px;
+  }
+  
+  h2 {
+    font-family: 'PlayfairDisplayBld';
+    font-size: 24px;
+  }
+
+  h3 {
+    text-align: center;
+    font-size: 28px;
+  }
+
+  h4 {
+    font-size: 22px;
+  }
+
+/* WEBSITE HEADER */
+
+.logo {
+    font-family: 'PlayfairDisplayReg';
+    font-size: 50px;
+}
+
+.logo a {
+  color:black;
+  text-decoration: none;
+}
+
+.logo a:hover{
+  color:black;
+  text-decoration: none;
+}
+
+/* MAIN PAGE */
+.main_title {
+  font-family: 'PlayfairDisplayReg';
+  font-size: 50px;
+  text-transform: capitalize;
+  text-align: center;
+  padding: 20px;
+}
+
+.main_intro {
+  width: 75%;
+  margin: 0 auto;
+  padding: 30px 0px 30px 0px;
+}
+
+.card-title {
+  font-family: 'PlayfairDisplayReg';
+  font-size: 25px;
+}
+
+.left-card {
+  text-align: left;
+  width: 60%;
+  margin: 20px auto;
+}
+
+.right-card {
+  text-align: right;
+  width: 60%;
+  margin: 20px auto;
+}
+
+button,input,select,textarea {
+	font-size:100%;
+	margin:0;
+	max-width:100%;
+	vertical-align:baseline;
+}
+
+button,input {
+	line-height:normal;
+}
+
+button,html input[type="button"],input[type="reset"],input[type="submit"] {
+	-webkit-appearance:button;
+	cursor:pointer;
+}
+
+button[disabled],input[disabled] {
+	cursor:default;
+}
+
+
+button::-moz-focus-inner,input::-moz-focus-inner {
+	border:0;
+	padding:0;
+}
+
+a.button{
+    font-family: 'Montserrat', sans-serif;
+    color: #eee;
+    text-transform: uppercase;
+    font-size: 13px;
+    border: 1px solid #eee;
+    border-radius: 15px;
+    display: inline-block;
+    padding: 2px 15px;
+    -webkit-transition: all .4s ease;
+    -moz-transition: all .4s ease;
+    -ms-transition: all .4s ease;
+    -o-transition: all .4s ease;
+    transition: all .4s ease;
+}
+a.button:hover{
+	color: #30343e;
+	background: #eee;
+    -webkit-transition: all .4s ease;
+    -moz-transition: all .4s ease;
+    -ms-transition: all .4s ease;
+    -o-transition: all .4s ease;
+    transition: all .4s ease;
+}
+a.button.blue{
+	color: #35a9f5;
+	border-color: #35a9f5;
+}
+a.button.blue.active{
+	background: #35a9f5;
+    color: #eee;
+}
+
+a.button.blue:hover{
+	color: #30343e;
+	border-color: #30343e;
+}
+/* Buttons */
+button,input[type="submit"],input[type="button"],input[type="reset"] {
+        background: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 15px;
+    padding: 6px 20px;
+    margin: 5px 5px 5px 0;
+    color: rgba(59, 127, 224, 1);
+    border: 1px solid rgba(59, 127, 224, 1);
+    border-radius: 30px;
+    -webkit-transition: all 400ms ease;
+    -moz-transition: all 400ms ease;
+    -o-transition: all 400ms ease;
+    transition: all 400ms ease;
+}
+button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus {
+  opacity: 1;
+  color: #FFF;
+  background: rgba(59, 127, 224, 1);
+  -webkit-transition: all 400ms ease;
+  -moz-transition: all 400ms ease;
+  -o-transition: all 400ms ease;
+  transition: all 400ms ease;
+        outline:none;
+}
+
+button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {
+  opacity: 1;
+  color: #FFF;
+  background: rgba(59, 127, 224, 1);
+  -webkit-transition: all 400ms ease;
+  -moz-transition: all 400ms ease;
+  -o-transition: all 400ms ease;
+  transition: all 400ms ease;
+}
+
+
+.v-tab--active {
+  font-family: 'BrandonGrotesqueBlk';
+}
+
+.footer-column {
+  border-left: 1px solid #2d96fa;
+  padding-left: 30px;
+}
+
+.footer-text {
+  font-size: 12px;
+}
\ No newline at end of file