* {
  color: white;
  font-family: sans-serif;
  text-decoration: none;
  list-style: none;
  letter-spacing: 1px;
  font-family: "Varela Round", sans-serif;
  font-weight: bold;
}
h1{
  padding: 19px;
  margin-left: 10px;
  font-size: 35px;
}

html {
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  
}
header {
  height: 70px;
  background-color: #1b1b1b;
  color: white;
}


.show-m {
  display: block;
}

.hide-m {
  display: none;
}

.absolute {
  position: absolute;
  top: 0;
  right: 1px;
}

input {
  display: none;
}

#burger:checked + .show-nc {
  display: block;
}

.fa-bars {
  font-size: 30px;
  transform: scaleX(1.3);
}
.fas {
  position: absolute;
  right: 10vw;
}

/* *---***--------********** */
.show-nc {
  display: none;
  
}
/* *****---------------------****** */

label {
  margin-top: 1px;
  font-size: 22px;
  /* border: 4px solid black; */
  display: block;
  padding: 15px;
  background-color: #1b1b1b;
}

label:hover,
.fa-bars:hover,
.sub-div li a:hover,
label:hover .fas {
  color: cyan;
  letter-spacing: 2px;
}

.sub-div li a {
  display: block;
}

/* **********
************ */
.sub-div {
  display: none;
}
.sub-div li {
  font-size: 17px;
  padding: 10px 0 10px 35px;
  background-color: #1b1b1b;

}

/* *************** */
.sub-sub-div {
  display: none;
  margin-top: 15px;
}

#mini:checked + .sub-sub-div {
  display: block;
}

.mini-projects {
  padding: 0;
  font-size: 17px;
}
/* ************ */

#html:checked + .sub-div,
#css:checked + .sub-div,
#js:checked + .sub-div {
  display: block;
}

.main-div {
  border-bottom: 2px solid black;
}

/* **********
************ */