body {margin:0;
     font-family: Arial, Helvetica, sans-serif;
      background-color:#f5f5f5;}

.container {display:grid;
            grid-template-columns: repeat(12, 1fr);
            gap:30px;}

nav {
            display:flex;
            justify-content:flex-end;
            background-color:#333;}

nav a {
            color:white;
            padding:14px 20px;
            text-decoration:none;}

#pic {grid-column:span 3;}

#bio {grid-column:span 9;}

img {max-width:100%;
    height:auto;
    display:block;}

.box1, .box2, .box3 {
                    grid-column:span 4;
                    padding:20px;}

.box2 p {text-align:center;}

.copy {text-align:right;}