Update style.css

Author: lavskillup

server/frontend/src/components/assets/style.css

@@ -1,3 +1,79 @@
+img{
+  width: 60%;
+  align-self: center;
+}
+
+.card{
+  border: rgb(103, 102, 105) 3px solid;
+  display: flex;  
+  flex-direction: column;
+  margin-left:5%;
+  margin-right:5%;
+  margin-top: 1%;
+  margin-bottom: 1%;
+}
+
+.row{
+  display: flex;  
+  flex: 1;
+  flex-direction: row;
+  margin: auto;
+  margin-top: 1%;
+  justify-content: center;
+  padding:20px;
+}
+
+.container{
+  justify-content: center;
+}
+.details{
+  font-size: 20px;
+  color: rgb(97, 64, 128);
+  padding:20px;
+}
+
+.title{
+  font-size: 20px;
+  background-color: rgb(97, 64, 128);
+  color: white;
+  text-align: center;
+  margin:20px;
+  padding:5px;
+}
+
+.homepage_links{
+  color:  rgb(97, 64, 128);
+  padding: 25%;
+  font-size: larger;
+  }
+
+.loginlink{
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+
+.banner{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex:1
+}
+
+.form_panel {
+  padding:2%;
+  display: flex;
+  flex-direction: column;
+  border-radius: 50px;
+  text-align:center;
+  box-shadow: 2px 2px 2px 3px #999;
+  margin: auto;
+  min-width: 350px;
+  width: 80%;
+  margin-top:3%
+}
+
 .navitems{
   display: flex;
   flex-direction: row;
@@ -37,3 +113,13 @@
   color:black;
   margin: .5cm;
 }
+
+.img_icon {
+  align-self: center;
+    width:40px;
+    background-color:#0C9;
+    color:#FFF;
+    border-radius:50px;
+    text-align:center;
+    box-shadow: 2px 2px 3px #999;  
+}