8ball crd code

!!!! WILL NOT WORK
<style>
body {
background-image: radial-gradient(#000 20%, transparent 20%),
radial-gradient(#000 20%, transparent 20%);
background-color: #fff;
background-position: 0 0, 50px 50px;
background-size: 100px 100px;
height: 200px;
width: 100%;
}

#hope {
float:left;
background:#FFFFFF;
border-radius:2px;
border:1px solid black;
width:49%;
margin-right:1px;
font-family:arial;
font-size:2.25em;
padding:1px;
line-height:1.125em;
font-weight:thin;
}
a {
text-decoration:none;
color:purple;
}
a:hover {
color:red;
text-decoration:underline;
}
#despair {
float:right;
height:255px;
background:#FFFFFF;
border-radius:2px;
border:1px solid black;
width:49%;
margin-left:1px;
}

#nombre {
border-bottom:1px solid black;
font-family:arial;
font-size:1em;
height:70px;
}

#info {
overflow:auto;
font-family:arial;
font-size:1em;
padding:2px;
height:182px;
}
</style>

<div>
<div id="hope">
<img src="https://media.discordapp.net/attachments/915367858681290772/932718003093643324/asahi.jpeg" width="100%" height="100%">
<p>
<a href="#"><u>LINK</u></a> <a href="#">LINK</a>
</p><div>

<div id="despair">
<div id="nombre">
<p style="font-size:2.75em;font-family:arial;font-weight:bold;"> NAME </p>
info info info
</div>
<div id="info">
</div>
</div>
</div>