Untitled

.wrapper {
  box-sizing: border-box;
  margin: auto;
  max-width: 60%; }

body {
  background: radial-gradient(#4254e5 40%, rgba(20, 136, 204, 0.75));
  color: white;
  font-family: lora; }

.block:nth-child(even) {
  background: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }

.block {
  background: radial-gradient(rgba(20, 136, 204, 0.75) 40%, #4254e5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 5px solid #63e3f2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }

.top {
  padding: 24px;
  margin-top: 2px;
  text-align: center;
  max-height: 120px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  text-decoration: none;
  background: radial-gradient(#1488cc 40%, #4254e5);
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 5px solid #63e3f2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }
  .top h1 {
    font-size: 25px;
    font-style: italic;
    text-align: left;
    text-shadow: 8px 10px 0px rgba(0, 0, 0, 0.1);
    float: left; }
  .top nav {
    margin: 10px; }
  .top a {
    text-decoration: none;
    color: white;
    padding: 15px;
    margin: 2px 2px;
    background-color: rgba(66, 84, 229, 0.75);
    transition: 3s; }
    .top a:hover {
      background-color: #63e3f2; }
  .top span {
    border: solid #63e3f2;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    padding: 3px;
    box-sizing: border-box; }

.dropdown {
  position: absolute;
  left: 40%;
  top: 36%; }

.dcontent {
  visibility: hidden;
  display: inline-block; }

.dropdown:hover .dcontent {
  visibility: visible; }


  <link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
  </head>
  <aside class="aside">
      <img src="stylesheets/images/portfolio.jpg" width="250" height="250">
      <article>
        <p>een foto van mij</p>
      </article>
  </aside>
  <body>
    <div class="wrapper">
      <div id="topanker"></div>
      <header class="top wrapper">
        <h1>Arjen de Boer</h1>
        <nav class="navigatie">
          <div class="dropdown">
            <span>menu</span>
            <div class="dcontent">
            <a href="#personalia">personalia</a>
            <a href="#cv">werkervaring</a>
            <a href="#opleiding"> gevolgde opleidingen</a>
            <a href=" huidigeopleiding.html" target="_blank">huidigeopleiding</a>
            </div>
          </div>
        </nav>