policy

src/app/policies/policies.component.scss

@@ -1,78 +1,94 @@
-@import '../../styles.scss';
-#notices{
-    .header_section{
-        margin: 0 auto;
-        padding: 10%;
-        .logo{
-            width: 80%;
-            height: 80%;
-        }
-    }
-    .align-middle{
-        width: 85%;
-        margin: 0% auto;
-        text-align: center;
-        color: #0B5FA4;
-        .font-body-xsmall-bold{
-            text-transform: none;
-        }
-        // input[type=text]{
-        //     background-color: #FFFFFFA6;
-        // }
-        .customDropDown{
-            background-color: #FFFFFFA6;
-            width: 100%;
-            height: 4rem;
-            // border-top-right-radius: 1.3rem;
-            // border-bottom-right-radius: 1.3rem;
-            border-radius: 0px 1.2rem 1.2rem 0px;
-            font-size: 1.2rem;
-            margin: 0;
-            text-align: left;
-            padding: 5% 2%;
-            word-wrap: break-word;
-            word-break: keep-all;
-            color: #0B5FA4;
-            font-weight: bold;
-        }
-        .medium-font{
-            font-size: 1rem !important;
-        }
-        .down-arrow{
-            padding: 5% 0%;
-            left: -8%;
-            position: relative;
-        }
-    }
-    .dropDownClass{
-        background-color: #FFFFFFA6;
-        color: #0B5FA4;
-        padding: 5%;
-        li{
-            padding-bottom: 2%;
-            list-style-type:disc;
-            padding-left: 3%;
-        }
-        .font-body-xsmall{
-            text-transform:none;
-        }
-    }
-    .seperator{
-        margin-top: 2%;
-    }
-    .imageDropDown{
-        width: 80%;
-        margin:0% 7%;
-        .transition-image{
-            width: 100%;
-            height: 100%;
-            background: red;
-            transition: height 2s;
-            -webkit-transition: opacity 1s ease-in-out;
-            -moz-transition: opacity 1s ease-in-out;
-            -o-transition: opacity 1s ease-in-out;
-            transition: opacity 1s ease-in-out;
-        }
-    }
+.page-container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background-color: #b4e8fd;
 }
 
+.font-body-xsmall-bold {
+	font-size: 0.812rem;
+	line-height: 1.125rem;
+	letter-spacing: 1px;
+	font-family: "Raleway VariableFont";
+	text-transform: uppercase;
+}
+
+.flex-row {
+	flex-direction: row;
+	display: flex;
+	width: 100%;
+}
+
+.header_section {
+	margin: 0 auto;
+	padding: 10%;
+	.logo {
+		width: 80%;
+		height: 80%;
+	}
+}
+
+.align-middle {
+	width: 85%;
+	margin: 0% auto;
+	text-align: center;
+	color: #0B5FA4;
+	.font-body-xsmall-bold {
+		text-transform: none;
+	}
+	.customDropDown {
+		background-color: #FFFFFFA6;
+		width: 100%;
+		height: 4rem;
+		border-radius: 0px 1.2rem 1.2rem 0px;
+		font-size: 1.2rem;
+		margin: 0;
+		text-align: left;
+		padding: 5% 2%;
+		word-wrap: break-word;
+		word-break: keep-all;
+		color: #0B5FA4;
+		font-weight: bold;
+	}
+	.medium-font {
+		font-size: 1rem !important;
+	}
+	.down-arrow {
+		padding: 5% 0%;
+		left: -8%;
+		position: relative;
+	}
+}
+
+.dropDownClass {
+	background-color: #FFFFFFA6;
+	color: #0B5FA4;
+	padding: 5%;
+	li {
+		padding-bottom: 2%;
+		list-style-type: disc;
+		padding-left: 3%;
+	}
+	.font-body-xsmall {
+		text-transform: none;
+	}
+}
+
+.seperator {
+	margin-top: 2%;
+}
+
+.imageDropDown {
+	width: 80%;
+	margin: 0% 7%;
+	.transition-image {
+		width: 100%;
+		height: 100%;
+		background: red;
+		transition: height 2s;
+		-webkit-transition: opacity 1s ease-in-out;
+		-moz-transition: opacity 1s ease-in-out;
+		-o-transition: opacity 1s ease-in-out;
+		transition: opacity 1s ease-in-out;
+	}
+}