body{
  margin:0px;
  background-color: #f1f1f1;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
:root{
  --width_header_left: 260px;
  --spacing_lateral: 30px;
  --padding_default: 20px 15px;
  --color_main: #306FC4;
  --background_color_main: #31353D;
}
*{
  box-sizing: border-box;
  margin:0px;
  padding:0px;
  outline: none;
}

#tooltip_copied { 
  position: absolute;
  background-color: #555;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 10px;
  width: max-content;
  transition: opacity 0.3s; 
  z-index: 10;
}

.father_content{
  position: relative;
  left: calc(var(--width_header_left) + var(--spacing_lateral));
  width: calc(100% - var(--width_header_left) - calc(var(--spacing_lateral) * 2));
  padding:var(--padding_default);
}
/* ESTILOS PADRÕES */
h2{
  font-size: 26px;
  margin:0px;
}
h3{
  font-size: 22px;
  font-weight: 500;
  margin-top: 10px;
}
p{
  margin-top: 10px;
}
.c-main{
  color: var(--color_main);
}
/* FIM DOS ESTILOS PADRÕES */

.box_code{
  position: relative;
  border-radius: 3px;
  /* background-color: #4d4d4d; */
  background-color: var(--background_color_main);
  max-height: 350px;
  min-height: 300px;
  margin-top: 20px;
  overflow: auto;
}
.code_complete{
  position: relative;
  left: 50px;
  width: calc(100% - 50px);
  padding:10px 15px;
  color:#e1e1e1;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
}
.left_box{
  position: absolute;
  width: 50px;
  /* height: 100%; */
  user-select: none;
  padding:10px 0px;
  border-right: 1px solid #9f9f9f;
  color:#d9d9d9;
  text-align: center;
  line-height: 22px;
}
.variable_color{
  color:#e76ebd;
  /* color:#AF6294; */
  font-weight: 500;
}
.function_color{
  color:#6babff;
  font-weight: 500;
}
.textarea_code{
  opacity: 0;
}

section{
  border:1px solid #d1d1d1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 15px 0px #d9d9d9;
  padding:30px 30px;
  padding-bottom:40px;
  margin-top:40px;
}
section:nth-child(1){
  margin-top:0px;
  padding-top:30px 30px;
}