Convert CSS to Less

src/app/static/css/3-col-portfolio.less

@@ -0,0 +1,79 @@
+/*!
+ * Start Bootstrap - 3 Col Portfolio (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+/*Styling for flashcard Animation page*/
+body {
+  padding-top: 70px;
+}
+.portfolio-item {
+  margin-bottom: 25px;
+}
+.logo {
+  margin-top: 1rem;
+  height: 2.8rem;
+}
+footer {
+  margin: 50px 0;
+}
+.img-responsive {
+  width: 100%;
+  height: 20rem;
+}
+.navbar {
+  background-color: white;
+  border: 1px solid #E1E1E1;
+}
+#mainbody {
+  background-color: #F1F1F1;
+}
+#decktitle {
+  background-color: #F15F2B;
+  color: white;
+  padding: 1%;
+  font-size: 1.5em;
+  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+}
+.flashcard {
+  height: 30em;
+  width: 50em;
+  background-color: white;
+  border: 2px solid #E1E1E1;
+  margin: 1% auto;
+  box-shadow: 3px 3px 3px #444;
+  -webkit-transform-style: preserve-3d;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.flipped {
+  transform: rotateX(180deg);
+  -webkit-transform: rotateX(180deg);
+}
+.back {
+  transform: rotateX(180deg);
+  -webkit-transform: rotateX(180deg);
+  height: 30em;
+  width: 50em;
+  position: absolute;
+  text-align: center;
+  -webkit-backface-visibility: hidden;
+  p {
+    margin-top: 25%;
+    font-size: 3rem;
+  }
+}
+.front {
+  height: 30em;
+  width: 50em;
+  position: absolute;
+  text-align: center;
+  -webkit-backface-visibility: hidden;
+  p {
+    margin-top: 25%;
+    font-size: 3rem;
+  }
+}
+.list-group {
+  margin: 5% auto;
+}