*  { box-sizing: border-box; }

body{ margin:0;
}

nav{ 
  position: fixed; 
  padding: 0vw;
  font-family: verdana,sans-serif;
  color: black;
  text-align: center;
  width: 100%;
  min-width: 150px;
  line-height: 2em;
  background-color: whitesmoke;
  box-shadow: 0px 5px 5px rgba( 0, 0, 0, 0.3);
  font-size: 22px;
  display:block;
}

nav a{
text-decoration: none;
}

h1{
padding-top: 30px;
text-align: center;
}

p{
font-family: sans-serif;
font-size: 1.5em;
margin:0;
text-align: center;
}

ul{
list-style: none;
font-size: 3em;
text-align: center;
color: white;
}

ul li{
padding: 50px 5px 50px 5px;
}

li{
margin-bottom: 0;
}

ul li a{
color: white;
text-decoration: none;
}

a{
text-decoration: none;
}

@media only screen and (min-width: 550px){
  p{ column-count: ; column-gap: 20px; }
}
#intro{background-color: white;}
.responsive {
    width: 100%;
    height: auto;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}
section{ 
  width: 100%;
  margin:0 auto;
  min-height: 100vh; 
  max-width: 1200px;
  padding: 3em 15px 10px 15px; 
}
#work{ background-color: rgba(237,158,170,1);
color: white;}
#contact{background-color: white;
color: rgba(237,158,170,1); }
}