@charset "UTF-8";

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-color:#ffffff;
  background-color:#9AC956;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:16px;
  background-position:top center;
  background-attachment:scroll;
  background-repeat:repeat;
  background-image:url(https://ibb.co/chGhFqB);
}

.profile_section_content {
  color:#666666;
  border:0 none #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:12px;
  background-color:#1632e9;
  color:#FFFFFF;
  font-family:'Helvetica';
  font-weight:bold;
  font-style:normal;
  font-size:48px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:2px 0 0 #777777;
  -moz-text-shadow:2px 0 0 #777777;
  text-shadow:2px 0 0 #777777;
  background-image:url(https://img.mfcimg.com/backgrounds/10977.jpg);
}

.content {
  padding:5px;
}

<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing:border-box;
}

body {
  font-family:Arial,Helvetica,sans-serif;
}

/* Style the header */
header {
  background-color:#ef820d;
  padding:30px;
  text-align:center;
  font-size:35px;
  color:white;
}

/* Create two columns/boxes that floats next to each other */
nav {
  float:left;
  width:30%;
  height:300px;
/* only for demonstration, should be removed */
  background:#ccc;
  padding:20px;
}

/* Style the list inside the menu */
nav ul {
  list-style-type:none;
  padding:0;
}

article {
  float:left;
  padding:20px;
  width:70%;
  background-color:#f1f1f1;
  height:300px;
/* only for demonstration, should be removed */
}

/* Clear floats after the columns */
section:after {
  content:"";
  display:table;
  clear:both;
}

/* Style the footer */
footer {
  background-color:#ef820d;
  padding:10px;
  text-align:center;
  color:white;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav,article {
    width:100%;
    height:auto;
  }
}