Create app.css

app.css

@@ -0,0 +1,93 @@
+.box {
+  border: 2px solid black;
+  text-align: center;
+  margin: 10px;
+  padding: 5%;
+}
+ul {
+  display: inline-block;
+  text-align: left;
+}
+img {
+  display: block;
+  margin: auto;
+}
+.description {
+  text-align: center;
+}
+.panel_button {
+  display: block !important;
+  width: 100% !important;
+  background-color: #00EACD !important;
+  color: #000;
+  transition: all .2s ease-out 0s !important; 
+  box-shadow: 0 10px #00AEAB !important;
+  border-radius: 10px !important;
+}
+.panel_button:hover {
+  box-shadow: 0 5px #00AEAB;
+  transform: translateY(5px);
+}
+.submit {
+  color: black !important;
+}
+.selected {
+  background-color: #656bd6 !important;
+}
+.radio_item {
+  border-radius: 10px;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+.radio_item:hover {
+  color: #656bd6 !important;
+}
+.title {
+  background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
+  background-size: cover;
+  color: transparent;
+  -moz-background-clip: text;
+  -webkit-background-clip: text;
+  text-transform: uppercase;
+  font-size: 60px;
+  line-height: .75;
+  margin: 10px 0;
+}
+.panel_header {
+  color: black !important;
+}
+input {
+  background-color: #efeffa !important;
+}
+.acc, .feat {
+  background-color: #FF3399 !important
+}
+.prj {
+  background-color: #FFCE3B !important;
+}
+.data {
+  background-color: #ED6800 !important;
+}
+.ethics {
+  background-color: #3EE6F9 !important;
+}
+.team {
+  background-color: #9581EF !important; 
+}
+.model-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.spacer {
+  display: flex;
+  justify-content: center;
+}
+.model-div {
+  width: 45%;
+}
+@media screen and (max-width: 700px) {
+  .model-container {
+    flex-wrap: wrap;
+  }
+}