/* Underline beneath headers */
h1, h2 {
    border-bottom-width: 3px;
    border-bottom-color: rgb(231, 231, 231);
    border-bottom-style: solid;
}

h1,h2,h3,h4,h5 {
    font-family: 'Playfair Display', serif
    margin: 0.5em
}

h1 {
    font-size: x-large;
}

h2 {
    font-size: x-large;
}

h3 {
    font-size: large;
}

h4 {
    font-size: medium;
}

/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
    src:
      local('Playfair Display Regular');
    src:
      local('Playfair-Display-Regular');
    src:
      url(fonts/Playfair-Display-Regular.woff2) format('woff2');
    src:
      url(fonts/Playfair-Display-Regular.ttf) format('truetype');
    src:    
      url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');

/*
      local('Roboto'),
      local('Roboto-Regular'),
      url('fonts/Roboto-Regular.woff2'),
      url('fonts/Roboto-Regular.ttf'),
      url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
      
      url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
*/

}

p {
    padding-left:1%;
}
p,ul {
    font-family: "Raleway", serif;
    font-size: medium;
}

@font-face {
      font-family: 'Raleway';
      font-style: normal;
      font-weight: 400;
    src:
      local(Raleway Regular);
    src:
      local(Raleway);
    src:
      url(fonts/Raleway-Regular.woff2) format('woff2');
    src:
      url(fonts/Raleway-Regular.ttf) format('truetype');  
    src:
      url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
}

.personal {
/*    width: 250px;*/
    margin: 1em auto;
    text-align: center;
}
/* Remove padding from personal details headings and paragraphs */
div.personal h2, div.personal h3, div.personal p {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.social {
    max-width: 405px;
    margin: 1em auto;
}
div.social p {
    padding:0px;
}

div.ratings {
    max-width: 145px;
    margin: 1em auto;
}

div.software {
    max-width: 405px;
    margin: 1em auto;
}
div.software p{
    padding:0px;
}

div.software.web {
    max-width: 320px;
}

div.software.java {
    max-width: 162px;
}
div.software.tools {
    max-width: 430px;
}
div.software.devops {
    max-width: 138px;
}
div.software.misc {
    max-width: 310px;
}

img.education {
    float:right;
    height:55px;
}

img.companies {
    float:right;
}


a, h2,h3,h4,h5 {
    color:  #76c4ef;
}

/* Links for pdf and docx */
h1 a {
    float:right;
}

body {
    background-color: #f7f7f7;
}

/* Experimental */
.hide {
    display:none;
}

.menu, h1{
    background-color: #76c4ef;
    color: #f7f7f7;
    padding: 20px 20px 20px 10px;
}

.menu {
/*     float:left; */
    position:fixed;
    height:100%;
    width:33%;
/*     margin: 0px; */
/*     padding: 10px; */
    z-index: 100;
}