/*
Theme Name: tableDrawer
Theme URI: 
Author: Karl.J
Description: Wordpress Theme for drawing tables
Version: 1.0
*/
h2{
  margin-left:10%;
}


/*table CSS*/
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 80%;
    margin-left:10%;
  }
  th{
    background-color: rgb(221,221,221);
  }
  tr{
    border: 1px solid #000000;
  }
  td, th {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: left;
    padding: 8px;

  }
.tableWithoutBorders{
  border: none;
}

/*Header CSS*/
.HeaderBackground
{
  position:relative;
  padding:0;
  margin-left:-0.7%;
  margin-top:-0.7%;
  margin-bottom:0.7%;
  left:0;
  top:0;
  background-color:rgb(26,78,99);
  width:98.7vw;
  height:16vh;
}

body
{
 background-color:rgb(241,241,241);
}

.header__logo
{
height:45%;
margin-top:2%;
margin-left:43%;
}

/*Loggin CSS*/
.LogginBackground{
  position:fixed;
    padding:0;
    margin:0;
    left:0;
    top:0;

  width:100vw;
  height:100vh;
  overflow: hidden;
  background: linear-gradient(45deg, rgb(126, 193, 216), rgb(102, 164, 185), rgb(78, 86, 161), rgb(117, 70, 156));
background-size: 400% 400%;
animation: gradient 50s ease infinite;
}
@keyframes gradient {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 100% 50%;
}
100% {
  background-position: 0% 50%;
}
}
.content{
  position: relative;
  width:90vw;
  height:70vh;
  margin-top:5%;
}
.foreground{
  width:35%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  border-width: 2px;
  border-style: solid;
  border-color: black;  
  background-color:rgb(26,78,99);
}
.text{
  background-color:rgb(26,78,99);
  height:20%;
  width:90%;
  margin-left:5%;
  margin-top:10%;
}
.box{
  width:100%;
  height:62.2%;
  margin-top:6.8%;
  overflow-x:hidden;
  
  background-color:rgb(26,78,99);
}
.form{
  height:100%;
}
.input{
  width:60%;
  height:5vh;
  margin-left:20%;
}
.input:hover{
  cursor: pointer;
}
.button{
  width:60%;
  height:10vh;
  margin-left:20%;
  margin-top:8%;
  font-size:200%;
  background-color:rgb(232, 90, 76);
  color:white;
  transition: 0.7s;
}

.button:hover{
  cursor: pointer;
  background-color:rgb(252, 118, 97);
  color:black;
}