html, body {
    cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat985.cur), auto;
}
.box {
    max-width: 800px;
    margin: 50px auto;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    grid-template-rows: auto auto auto auto;
    box-shadow:
    0 0 10px rgba(0,0,0,0.1),
    0 0 8px rgba(255,255,255,0.5);
    border-width: 7px;
    border-style: solid;
    border-image: url("https://i.postimg.cc/zfrFjfVc/IMG-8836.gif") 7 fill round;
}
header, nav, nav, main, footer {
    background-color: rgb(255, 230, 234);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color:rgb(119, 42, 55)
}
header {
    grid-row: 1 / 2;
    grid-column: 1 / 4;
    height: 200px;
    background-image: url("https://i1.glitter-graphics.org/pub/2288/2288501bzoygbwko1.gif")
}
.titulo {
	display: block;
	font-size: 3em;
	font-family: "Lily Clover";
	-webkit-text-stroke-width: 1.8px;
	-webkit-text-stroke-color: #ff61b8;
	color: #ffe3f2;
	font-weight: 700;
	z-index: 1;
	position: absolute;
	margin: auto;
	top: 130px;
	margin-left: 50px;
}
.topbar {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
}
.left {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    width: 250px;
    height: max-content
}
main {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
    height: max-content
}
.right {
    grid-row: 3 / 4;
    grid-column: 3 / 4;
    height: max-content;
}

footer {
    grid-row:  4 / 5;
    grid-column: 1 / 4;
}
body {
background-image: url('https://dl.glitter-graphics.com/pub/3324/3324826l3jtj4heug.gif');
background-attachment: fixed;
background-repeat: repeat;
overflow: hidden;
}