body {
                background-color: #d3d3d3;
            }
            dl {
                padding: 0px;
                min-height: 100%;
                overflow: hidden;
                background-color: beige;
                
            }
            dt {
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 2px;
                padding-right: 2px;
                color: black;
                font-family: 'Young Serif', serif;
                font-weight: bold;
            }
            .lt {
                display: block;
                color: black;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                background-color: beige;
            }
            .lt:hover {
                color: #0a3c63;
            }
            dt:hover {
                background-color: #0a3c63;
            }
            .floatelement1 {
                position: relative;
                background-color: beige;
                padding: 20px;
                height: 700px;  
                position: -webkit-sticky;
                position: sticky;
            }
            .floatelement2 {
                float:left;
                margin-top: 30px;
                height: 140rem;
                background-color: #0a3c63;
                color: black;
                font-family: 'Courier New', Courier, monospace;
                font-size: larger;
            }
            .floatelement3 {
                float: left;
                width: 100%;
                margin-top: 30px;
                margin-right: 20px;
                height: 140rem;
                background-color: beige;
                color: black;
                font-family: 'Courier New', Courier, monospace;
                font-size: larger;
            }
            .floatelement4 {
                position: relative;
                background-color: beige;
                padding: 20px;
                height: 100px;  
            }
            .profile {
                width:auto;
                height:auto;
                max-width:100%;
                max-height:90%;
                margin-top: 20px;
                height:fit-content;
            }
            #person {
                font-family: 'Young Serif', serif;
                font-size: smaller;
                color: white;
                position: absolute;
                bottom: 3px;
                padding-left: 20px;
                font-weight: bold;
            }
            #werk {
                margin-top: 60px;
            }
            .container {
                position: relative;
                color: white;
            }
            #intro {
                margin-left: 30px;
                margin-top: 0px;
                font-family: 'Young Serif', serif;
                font-size: smaller;
                margin-top: 0px;
                color: white;
            }
            .icons {
                margin: none;
                width: 50px;
                float: left;
            }
            .icon {
                margin-left: 30px;
                margin-top: 0px;
                font-family: 'Young Serif', serif;
                font-size: smaller;
                margin-top: 0px;
                color: white;
                padding-right: 15px;
            } 
            #telefoon {
                margin-top: 20px;
                width: 100px;
            }
            #email {
                margin-top: 25px;
            }
            #home {
                margin-top: 25px;
            }
            #swot {
                width: 300px;
                padding: 10%;
                margin-top: 50px;
            }
            .travelbag {
                display:block;
                float: left;
            }
            h1 {
                margin-top: 40px;
                display: block;
                float: right;
                padding-right: 30%;
                padding-top: 10px;
                font-family: 'Young Serif', serif;
            }
            h2 {
                font-family: 'Young Serif', serif;
                padding-left: 100px;
                padding-top: 5%;
                font-size: 23px;
            }
            .para {
                font-family: 'Young Serif', serif;
                padding-left: 100px;
                font-size: 18px;
                color: #0a3c63;
                font-weight: bold;
            }
            .graph {
                font-family: 'Young Serif', serif;
                padding-left: 150px;
                padding-right: 150px;
                font-size: 15px;
            }
            .fa-2xl {
                padding: 10px;
                margin-top: 30px;
                margin-bottom: 30px;
                margin-left: 30px;
            }
            h3 {
                font-size: medium;
                font-family: 'Young Serif', serif;
                padding-left: 100px;
            }
            #opleiding {
                padding-right: 400px;
                padding-top: 30px;
            }
            #motivatie { 
                padding-top: 50px;
                padding-bottom: 10px;
                padding-left: 80px;
            }
            #cont {
                padding-top: 180px;
            }

            input[type=text], select, textarea {
                font-family: 'Young Serif', serif;
              width: 95%;
              padding: 12px;
              border: 1px solid #ccc;
              border-radius: 4px;
              margin-top: 6px;
              margin-bottom: 16px;
              resize: vertical;
            }
            input[type=email], select, textarea {
                font-family: 'Young Serif', serif;
              width: 95%;
              padding: 12px;
              border: 1px solid #ccc;
              border-radius: 4px;
              margin-top: 6px;
              margin-bottom: 16px;
              resize: vertical;
            }
            
            input[type=submit] {
                font-family: 'Young Serif', serif;
              background-color: #04AA6D;
              color: white;
              padding: 12px 20px;
              border: none;
              border-radius: 4px;
              cursor: pointer;
            }
            
            input[type=submit]:hover {
                font-family: 'Young Serif', serif;
              background-color: #45a049;
            }
            
            .container5 {
                margin-top: 50px;
                font-family: 'Young Serif', serif;
              border-radius: 5px;
              background-color: beige;
              padding: 20px;
            }
            #contact {
                float: left;
                padding-left: 400px;
            }
            .cullumn {
                padding: 20px;
                margin: 10px;
                border: rgb(214, 182, 133) solid 3px;
                
              }
              table {
                margin-left: 120px;
                    width: 900px;
                    height: 300px;
                    float: left;;
                      background-color: beige;
                      color: black;
                      font-family: 'Young Serif', serif;
                      font-size: 15px;
              }
              #hob {
                margin-top: 70px;
                text-align: center;
            }
            .hob {
                padding-left: 60px;
                padding-right: 60px;
                font-family: 'Young Serif', serif;
            }
            .hobbies{
                font-size: 20px;
                padding-top: 50px;
                padding-bottom: 30px;
                padding-left: 60px;
            
            }
            .pictures {
                margin-left: 100px;
                width: 100%;
            }
            .picture {
                align-items: center;
                margin-left: 50px;
                margin-top: 50px;
                float:left;
                width: 250px;
                height: 250px; 
                padding-bottom: 40px; 
            }
            #favicon{
                padding-top: 100px;
                padding-left: 400px;
            }
            .fa-2xl {
                padding: 10px;
                margin-top: 30px;
                margin-bottom: 30px;
                margin-left: 30px;
            }
            h3 {
                font-size: medium;
                font-family: 'Young Serif', serif;
                padding-left: 100px;
            }
            #opleiding {
                padding-right: 400px;
                padding-top: 30px;
            }
            .fa-2xl {
                padding: 10px;
                margin-top: 30px;
                margin-bottom: 30px;
                margin-left: 30px;
            }
            .absolute {
                position: relative;
            }
            .jumbotron {
                margin-left: 20px;
                color: black;
                height: 500px;
            }
            .lead {
                 margin-top: 200px;
                 margin-left: 100px;
                 font-size: larger;
                 font-weight: bolder;
                }
            .lead1 {
                
                margin-left: 450px;
                margin-top: 100px;
            }
            .rm {
                margin-left: 350px;
                margin-bottom: 20px;
            }
            #progbar {
                margin-top: 150px;
            }
            .taal {
                margin-top: 50px;
                margin-right: 190px;
            }
            .progress {
                margin-leFt: 50px;
                margin-right: 50px;
            }
            .carousel-caption {
                color: black;
                      font-family: 'Young Serif', serif;
                      font-size: 25px;
                      font-weight: bolder;
            }
            .carousel-item {
                width:100%;
            }
            .opacity{
                opacity: 0.7;
                width: 100%;
            }