<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>A Pen by agaen</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="app">
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js'></script>
</body>
</html>
/*Downloaded from https://www.codeseek.co/0dmg/a-pen-by-agaen-NMKNxr */
body {
background: #e9ebef;
}
#app {
display: grid;
background: transparent;
margin-left: 25%;
margin-right: 25%;
padding: 0;
text-align: center;
min-height: 500px;
}
.app * {
width: 100%;
height: 100%;
background: linear-gradient(140deg, #e9ebef 10%, #7b7b7b) no-repeat;
margin: 0 auto;
border-bottom: 10px solid #green;
padding: 0;
border-radius: 150px 0 0 0;
}
.header {
background: #e9ebef;
height: 50px;
padding: 10px;
}
@media only screen and (max-width: 700px) {
#app {
margin-left: 0%;
margin-right: 0%;
}
}