* {
  margin: 0;
  padding: 0;
}
body {}
.homebg {
  /*#F3F3F3;*/
  background-color: #410889;
}
.webnav {
  font-family: myFont;
  text-decoration: none;
  /*color: black;*/
  padding-top: 10px;
  color: #00afff;
  /*
  #93cbff;
  #00afff
  white
  */
  font-size: 30px;
}
.webnav:hover{
  font-size: 25px;
  animation: headShake 1s;
}
@font-face {
font-family: myFont;
    src: url(assets/OldcomputerSt.ttf);
}
.buttons {
  width:20px;
}
.mainbloc {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
  overflow: auto;
  animation: fadeIn 3s;

}
.navbloc {
  width:240px;
  padding: 20px;
  text-align: left;
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
}
.fonta2 {
  font-size:10px;
  text-decoration: none;
  /*color: black;*/
  color: #93cbff;
}
.navblocimg {
  max-width:240px;
  margin-left: -30px;
  display: none;
  animation: flipInX 1s;
}
.navblocimg2 {
  max-width:200px;
  align-self: center;
  animation: jackInTheBox 2s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* ABOUT */

.aboutcon {
  /* width: 100vw; */
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
  margin: 50px 20px;
}
.aboutbloc {
  max-width:800px;
  width: 100%;
  margin: 0;
  /* padding: 0 20px 0 20px; */
  /* margin-left: 20px; */
  text-align: left;
  color: white;
}
.aboutbloc a {
  color: #00afff;
}
.aboutbloc-header1 {
  font-family: myFont;
  font-size:30px;
  margin-bottom:30px;
  color: #00afff;
}
.aboutbloc-header2 {
  font-family: myFont;
  font-size:15px;
  margin:30px 0px;
  color: #00afff;
}
.backicon img{
  width:25px;
  margin-bottom: 30px;
}
/* CONTACT */
#message {
  max-width: 275px;
  width:100%;
  resize: vertical;
}
#house {
  display: none;
}
.contactbloc {
  max-width:400px;
  padding: 0px 20px 0px 20px;
  margin:0;
  text-align: left;
}
.contactbloc label {
  color: white;
  margin: 20px 0;
}
.contactbloc form {
  display: flex;
  flex-flow:column;
  justify-content: center;
  align-items: flex-start;
}
.contactsubmit {
  background-color: #00afff;
  color: #410889;
  padding: 10px 40px;
  border: none;
  font-family: 'myFont';
}
.contactheader {
  font-family: myFont;
  font-size:30px;
  margin-bottom:30px;
  color: #00afff;
}
.contactheader-sub {
  margin-bottom:20px;
  color: #00afff;
}
/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #c9c9c9;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 70, 255, 0.44);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			font-size: 0.9em;
			font-weight: 900;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #c9c9c9;
		}

		table tfoot {
			border-top: solid 2px #c9c9c9;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #c9c9c9;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}