/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 @import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese');
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap')

 body {
    overflow-x: hidden;


 }
 body {
  overflow-x: hidden;
  background-color: #f4f5f6;
 }
 html,body {    font-family: Arial, Helvetica, sans-serif;
 }

a {
  
  font-optical-sizing: auto;
  font-weight:normal;
  font-style: normal;
  font-size:medium;
  color: #000000;
}

h4, h3, h2, {
       color: #000000;
       font-family: Arial, Helvetica, sans-serif;

       
       
       
}
h5 {
        color: #929aab;
        font-family: Arial, Helvetica, sans-serif;
}
p {
   font-size: 1.3em;
   font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: normal;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}






#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
}

w3-button:hover, a:hover {
color: red;
}
a:hover {
color: black;
}

/* width */
::-webkit-scrollbar {
  width: 15px;

}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(232, 232, 232); 
  margin: 20px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #353535; 
  border: dotted 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

html {
    --scrollbarBG: transparent;
    --thumbBG:    #929aab;
  
  }
  body {
    font-family: Lato, monospace;
    scrollbar-width: thin;
   
  }
  
.imagen {
max-width: 90%; 
width: 50%;
margin: 20px;

display: block;
margin-left: auto;
margin-right: auto;
border: dotted 0px ;}

.imagen2 {
  max-width: 90%; 
  width: 70%;
  margin: 20px;
  
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: dotted 0px ;

}
  
.texto {
  max-width: 90%; 
  width: 90%;
  margin: 20px;
  
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: dotted 0px ;
  
  }
  .about {
    max-width: 90%; 
    width: 720px;
    height: auto;
    margin: 20px;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: dotted 0px ;
    -webkit-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);}

    .contact {
      max-width: 90%; 
      width: 400px;
      height: auto;
    
      
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 15%;
      border: dotted 0px ;
      -webkit-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);}

      .cv {
        max-width: 90%; 
        width: 720px;
        height: auto;
        margin: 20px;
        
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        border: dotted 0px ;
        -webkit-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);
        box-shadow: 6px 5px 0px 0px rgba(0,0,0,0.1);;
      }
  .banner {
    max-width: 90%; 
    width: 60%;
    margin: 20px;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: dotted 0px ;}

    ul {
      list-style: square ;
      list-style-position: outside;
      margin: 0px;
    }