@font-face {
    font-family: TitleFont;
    src: url(The\ California.ttf);
  }
@font-face {
    font-family: TitleFont2;
    src: url(Wonderland.otf);
  }
  @font-face {
    font-family: TitleFont3;
    src: url(Muli-Regular.ttf);
  }
html {
    background-color: #000000;
}
h1 {
    color: #f1f1f1;
    font-family: TitleFont;
    font-size: 5em;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #555;
    display: flex; 
    justify-content: center; 
  }
li {
    float: left;
  }
li a{
    display: block;
    text-align: center;
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1;
}
.navbar {
    
  }
.bloque {
    padding-left: 10em;
    padding-right: 10em;
    background-attachment: fixed !important;
  }
.bloque .content {
    font-size: 200%;

    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
    padding-bottom: 20%;
    background: rgba(255, 255, 255, 0.85);
}

img {
    max-width:100%;
    max-height:100%;
}
.first {
    background: url("src/wp.png");
    background-size: 100%;
    }

.blog1 {
    background: url("src/python2.png");
    background-size: 10%;
}

.blog2{
    background: url("src/gsb.png");
    background-size: 10%;
}
.blog3{
    background: url("src/docker.jpg");
    background-size: 10%;
}
.rapportstage{
    background: url("src/LOGOSIGMA.jpg");
    background-size: 100%;
}
.competences{
    background-color: rgb(0, 0, 0);
    background-size: 100%;
}
.banner {
    width: 100%;
    height: 20px;
    background-color: rgb(255, 0, 0);
  }

.ptitle{
    text-align: center;
    font-size: 2em;
    font-family: TitleFont2;
}
.ptitle2{
    text-align: center;
    font-size: 1em;
    font-family: TitleFont2;
}
.pearltrees{
    width:5.5em;
    height:5.5em;
    position: absolute;
    left:2em;
    top:2em;
}
.imgetapes{
    width:5em;
    height:5em;
}
.imagespdf{
    padding: 0;
    text-align:center;
}
.imgpdf{
    padding: 1em;
    
}
.github{
    width:5em;
    height:5em;
    position: absolute;
    left:90%;
    top:2em;
}
.imgphys{
    max-width: 50%;
    height: auto;

}
.imgcentered{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
p{
    font-family: TitleFont3;
}