html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Global settings */


body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

h1, h2 {
  font-family: 'Caveat', cursive;
  font-weight: 400;
  color: white;
}
h1 {
  font-size: 80px;
}

h2 {
  font-size: 40px;
}

h1, h2 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

img {
	border-radius: 50%;
}

header {
	background-color: gray;
}

p.welcome:before {
	content: "\1F423";
	color: red;
	font-size: 24px;
}
/* top stuff */

.content-wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 50px;
  overflow: hidden;
  height: 400px
}
.col-narrow {
  width: 40%;
  float: left;
}

.col-wide {
  width: 60%;
  float: right;
  padding-left: 50px;
}

.col-wide p {
	font-size:20px;
	text-align: center;
	color: yellow;
}

.sidebar {
	float: left;
	background: lightblue;
	width: 20%;
	padding:20px;
	height: 500px;
	border: 2px black solid;
}

.sidebar ul {
	list-style-type: none;
}
.sidebar li {
	padding: .2em;
	/*
	border: 1px solid black;
	background-color: white;
	*/
}

.intro {
	background: white;
	width: 30%;
	float: left;
	height: 500px;
	padding: 20px;
	border: 2px black solid;
}

intro hr {
	color: black;
	border: 0;
	border-top:2px solid black;
	border-bottom: 2px solid black;
	border-radius: 0;
}
.search {
	background: pink;
    float: right;
	width: 50%;
	height: 500px;
	padding: 40px;
	border: 2px black solid;
}

.pbrain{
	float: left;
	width: 40%;
	padding:10px;
	
}
.scovie {
    float: left;
	width: 40%;
	margin:60px;
}

.paragraph1 {
	float:left;
	width:100%;
	background: white;
	padding: 10px;
	
}

paragraph hr {
    color: black;
	border: 0;
	border-top:2px solid black;
	border-bottom: 2px solid black;
	border-radius: 0;
	
}