* {
  margin: 0px;
  padding: 0px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: large;
  font-weight: bold;
  text-transform: uppercase;
}

section.heading {
  display: inline;
  text-align: center;
}

section.heading div {
  background-color: black;
  color: white;
}

section.heading div h1 {
  font-size: 2em;
}

nav {
  background-color: #5c5b5b;
  color: white;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 60%;
      grid-template-columns: 30% 60%;
  -webkit-column-gap: 10%;
          column-gap: 10%;
  padding: 0% 5%;
}

nav .array-inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60% 40%;
      grid-template-columns: 60% 40%;
  place-content: center;
  padding: 5% 0%;
}

nav .array-inputs .size {
  background: darkgreen;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  color: white;
  padding: 4.5% 4% 4% 4%;
  margin-top: 4%;
}

nav .array-inputs .speed {
  background: darkgreen;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  color: white;
  padding: 4.5% 4% 4% 4%;
  margin-top: 4%;
}

nav .array-inputs #a_size {
  padding: 5% 0%;
  margin: 10px 0px 0px 10px;
}

nav .array-inputs #a_size:hover {
  cursor: pointer;
}

nav .array-inputs #a_speed {
  padding: 5% 0%;
  margin: 10px 0px 0px 10px;
}

nav .array-inputs #a_speed:hover {
  cursor: pointer;
}

nav .array-inputs #a_generate {
  background-color: green;
  border-radius: 30px;
  border-color: black;
  -webkit-box-shadow: 0px 8px 16px 0 #2c2c2c, 0 8px 20px 0 #2c2c2c;
          box-shadow: 0px 8px 16px 0 #2c2c2c, 0 8px 20px 0 #2c2c2c;
  border-width: 2px;
  color: white;
  padding: 4.5% 4% 4% 4%;
  margin-top: 4%;
}

nav .array-inputs #a_generate:hover {
  cursor: pointer;
  background-color: #06a006;
  -webkit-box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
          box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
}

nav .array-inputs #a_generate:active {
  cursor: pointer;
  background-color: #06a006;
  -webkit-box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
          box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

nav .array-inputs #a_generate:visited {
  cursor: pointer;
  -webkit-box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
          box-shadow: 0 12px 16px 0 black,0 17px 50px 0 black;
}

nav .header_right .algos {
  display: inline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

nav .header_right .algos button {
  background-color: transparent;
  margin-right: 30px;
  border: none;
  color: white;
  padding: 5px;
  margin-top: 100px;
  font-size: medium;
}

nav .header_right .algos button:hover {
  background-color: green;
  border-radius: 10px;
  cursor: pointer;
}

nav .header_right .algos .butt_locked {
  background-color: transparent;
  border-radius: 10px;
  cursor: pointer;
}

nav .header_right .algos .butt_locked:hover {
  background-color: transparent;
  border-radius: 10px;
  cursor: not-allowed;
}

nav .header_right .algos .butt_selected {
  background-color: red;
  border-radius: 10px;
}

nav .header_right .algos .butt_selected:hover {
  background-color: red;
  border-radius: 10px;
  cursor: not-allowed;
}

nav .header_right .algos .butt_unselected:hover {
  background-color: blue;
  border-radius: 10px;
  cursor: pointer;
}

section {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 60% 20%;
      grid-template-columns: 20% 60% 20%;
  background-image: url("/images/pink.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

section #Info_Cont1 {
  padding: 20%;
}

section #array_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70vh;
}

section #Info_Cont2 {
  padding: 20%;
}

.hide {
  display: none;
}

/*
@media (max-width: 480px)//Mobiles
{
    
}

@media (min-width: 481px) and (max-width: 1250px)//Tablets
{

}

@media (min-width: 1251px)//Laptops and up
{

}
*/
/*# sourceMappingURL=style.css.map */