lab1

lab1/style.css

+body{
+color:black;
+font-family: 'Ubuntu', sans-serif;
+}
+
+.img-thumbnail {
+  background:rgba(0,0,0,0);
+  border-width: 0;
+}
+
+.vertical-menu {
+width:100%;
+}
+
+.vertical-menu a{
+color: white;
+display: block;
+padding : 3%;
+text-decoration:none;
+}
+
+.vertical-menu2 a{
+	display: block;
+	padding:2%;
+	text-decoration: none;
+}
+
+.img-circle2{
+	border-radius:50%;
+	opacity: 0.75;
+}
+
+.vertical-menu2 a:hover img{
+	opacity: 1;
+  padding:0;
+}
+
+.vertical-menu a:hover{
+background-color:grey;
+}
+
+.vertical-menu a.active{
+background-color:rgb(  127, 140, 141  , 0.35);
+color:white;
+}
+
+.container{
+  padding-right: 12.4%;
+}
+
+.typewriter h1{
+font-family: "Courier", cursive;
+font-size:32;
+color:rgb(72,201,176,1);
+  overflow: hidden; /* Ensures the content is not revealed until the animation */
+  border-right: .15em solid black; /* The typwriter cursor */
+  white-space: nowrap; /* Keeps the content on a single line */
+  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
+  letter-spacing: .05em; /* Adjust as needed */
+  animation: 
+    typing 3.5s steps(40, end),
+    blink-caret .75s step-end infinite;
+}
+
+/* The typing effect */
+@keyframes typing {
+  from { width: 0 }
+  to { width: 100% }
+}
+
+/* The typewriter cursor effect */
+@keyframes blink-caret {
+  from, to { border-color: transparent }
+  50% { border-color: rgb( 21, 67, 96 ,1); }
+}
+
+h1{
+font-family: 'Permanent Marker', cursive;
+font-size:30;
+color:white;
+}
+
+h3{
+color:rgb( 11, 83, 69 );
+}
+
+h2{
+  font-family: "Comic Sans MS", "Comic Sans", cursive;
+font-size:30;
+  color:rgba( 72, 201, 176 ,1);
+}
+
+h6{
+  font-family: 'Patrick Hand', cursive;
+font-size:22;
+  color:white;
+  }
+
+.general{
+  margin-left: 5%;
+}
+
+table {
+    font-family: arial, sans-serif;
+    border-collapse: collapse;
+}
+
+td {
+    border: 1.5px solid #dddddd;
+    text-align: center;
+    padding-left: 5%;
+    padding-right: 5%;
+    padding-top:1.5%;
+    padding-bottom: 1.5%;
+}
+
+th {
+    border: 1.5px solid #dddddd;
+    text-align: center;
+    padding-left: 5%;
+    padding-right: 5%;
+    padding-top:1.5%;
+    padding-bottom: 1.5%;
+    font-size:20;
+}
+
+.table-hover thead th{
+  background-color: rgb(22, 160, 133);
+  color:white;
+}
+
+.table-hover tbody tr:hover {
+  background-color: rgb( 166, 172, 175 );
+}
+
+tr:nth-child(even) {
+    background-color: rgb(  22, 160, 133 );
+    color:white;
+}
+
+tr:nth-child(odd){
+  background-color: rgba( 72, 201, 176 ,1);
+  color:white;
+}
+
+.panel-default > .panel-heading {
+  background-color:  #76d7c4; 
+}
+
+.panel-default > .panel-heading:hover {
+  background-color: #17a589;
+}
+
+#projects{
+  padding-right: 15%;
+}
+
+#about-me{
+  font-family: 'Indie Flower', cursive;
+  font-size:16.5;
+}
+
+#get_in_touch{
+  padding-right: 15%;
+}
+
+li{
+  margin:1%;
+}
\ No newline at end of file