/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* Globale CSS elements */
* {font-family: "Radio Canada Big", sans-serif;}

body{
    background-color: #161b22;
}

h1,h2,p{
    color: #fff;
    margin: 0;
}

/* -CSS Classes- */
/* Header */
.logo-header{
    width: 6rem;
    padding: 1rem;
    text-decoration: none;
}

header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

header .navbar{
  padding-right: 3rem;
  gap: 3rem;
  display: flex;
}

header .navbar a{
  text-decoration: none;
}
/* Contactpage */
.contacttext{
    font-weight: 30px;
    font-size: 75px;
    text-align: center;
    border: none;
}

.content{
    padding-left: 3rem;
}

/* Dit is de gecenterde text */
/* Mobielinformatie */
.mobieltext{
    padding-top: 0.3em;
    font-size: 40px;
    text-align: center;
}

.mobielbox{
    background-color: #12161b;
    width: 450px;
    height: 300px;
    border-radius: 16px;
    border-color: #101318;
    border-style: solid;
}

.mobielnummer{
    font-size: 38px;
    text-align: center;
    padding-top: 1.5em;
    color: #848d97;
    text-shadow: 0 0 3px #494949, 0 0 5px #000000;
}

/* Email Informatie */
.emailbox{
    background-color: #12161b;
    width: 450px;
    height: 300px;
    border-radius: 16px;
    border-color: #101318;
    border-style: solid;
}

.emailheader{
    padding-top: 0.3em;
    font-size: 40px;
    text-align: center;
}

.emailtext{
    font-size: 33px;
    text-align: center;
    padding-top: 1.5em;
    color: #848d97;
    text-shadow: 0 0 3px #494949, 0 0 5px #000000;
}

/* Linkedin */
.linkedinbox{
    background-color: #12161b;
    width: 450px;
    height: 300px;
    border-radius: 16px;
    border-color: #101318;
    border-style: solid;
}

.linkedinheader{
    padding-top: 0.3em;
    font-size: 40px;
    text-align: center;
}

.linkedintext{
    font-size: 33px;
    text-align: center;
    text-decoration: underline;
    padding-top: 1.5em;
    color: #4277b3;
    text-shadow: 0 0 3px #494949, 0 0 5px #000000;
}
/* Hopelijk text split */
.container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 70vh;
}