*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body{
    height: auto;
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    margin: 0 auto;
    padding: 2em;
    max-width: auto;
}
body {
    background-image: url('/images/pexels-fauxels-3183183.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
h1,
h2,
em{
    font-weight: 800;
    font-size: 4em;
    color: white;
}

h2{
    font-size: 1.15em;
}

p{
    color: white;
}
a{
    border-bottom: 2px dotted;
    text-decoration: none;
    color: aquamarine;
}
.button6{
	display:inline-block;
	margin:20px;
	text-decoration:none;
	font-family:Arial;
	font-size:16px;
	border:1px solid #D81E00;
	border-radius:50%;
	color:#fff;
	background-color:#EE4124;
	width:100px;
	height:100px;
	text-align:center;
	vertical-align:middle;
	padding-top:2px;
	overflow:hidden;
	font-weight:bold;
	box-shadow:inset 3px 3px 4px #D81E00;
	text-shadow:0px 0px 4px #AE1900;
}
.button6:hover{
	background-color:#D81E00;
	border-color:#AE1900;
	box-shadow:inset 3px 3px 7px #AE1900;
}
.demo-title{
    text-decoration: none;
    border-bottom: none;
    color: #081120;
}


.demo-title:hover{
    border-bottom: 3px dotted #081120;
}

[data-cc="c-settings"]{
    margin-right: .5em;
}

.warning{
    margin-top: 2em;
    color: #5a4c4c;
    background: #ffefef;
    padding: 1em;
    border-radius: 0.5em;
}