.row .col{
    margin: 0; 
    padding: 0;
}
/* label color */
.input-field label {
    color: #000 !important;
  }
  /* label focus color */
  .input-field input[type=text]:focus + label {
    color: #000 !important;
  }
  /* label underline focus color */
  .input-field input[type=text]:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
  /* valid color */
  .input-field input[type=text].valid {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
  /* invalid color */
  .input-field input[type=text].invalid {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
  /* icon prefix focus color */
  .input-field .prefix.active {
    color: #000 !important;
  }
  .materialize-textarea:focus{
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
  }
.light{
    font-weight:200 !important;
}
.basic-info{
    position: absolute;
    display: block;
    min-height:40px;
    bottom:0;
    padding-bottom:40px;
    width:100%;
}
.bordered-floating-button{
    line-height:38px !important;
    border:1px solid rgba(255,255,255,0.5) !important;
}
.paragraph-dislay{
    font-size: 14px;
    line-height:32px;
}
.self-picture{
    background: linear-gradient(
        -30deg,
        rgba(42, 84, 245, 0.5) 0%,
        rgba(42, 84, 245, 0.5) 40%,
        transparent 60%,
        transparent 100%),url("../model.jpg");
    background-size: cover;
    background-position: top center;
    width: 50%;
    height:100vh;
    text-align: center;
    overflow: hidden;
    position: fixed;
    left: 0;
    padding:0; 
}
.information{
    width: 50%;
    min-height:100vh;
    position: absolute;
    right: 0 !important;
    box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.23);
}
.information .row{
    padding: 35px 55px !important;
}
.expertise{
    padding:15px 25px 15px 0 !important;
}
.expertise p{
    font-weight:300;
    line-height:32px;
}
.image-container{
    width:100%;
    height:100%;
    position:relative !important;
    display: block;
    padding:15px;
}
.materialize-textarea{
    height:100px !important;
}
.contact-dev{
    position: fixed;
    display: block;
    right:10px;
    bottom:10px;
}
@media(max-width:600px){
    .self-picture{
        width: 100%;
        height:100vh;
        display: block;
        position: absolute !important;
    }
    .information{
        top:100vh;
        width: 100%;
    }
    .information .row{
        padding: 10px 20px !important;
    }
}