body{
background:url('img_tartan-clovers/img_art-room/border-.gif') repeat-x, url('img_tartan-clovers/img_art-room/border-.gif') repeat-x, url('img_tartan-clovers/img_art-room/fondo-.gif');
background-position:top, bottom;
font:600 14px 'Hepta Slab';
color:#4A1829
}
#top, #bottom, #left, #right{background:#975577;position:fixed}
#top, #bottom{height:5px;left:0;right:0}
#top{top:0} #bottom{bottom:0}
#left, #right{width:5px;top:0;bottom:0}
#left{left:0} #right{right:0}

p{margin:10px 0 0 0}
a{color:#975577;text-decoration:none;border-bottom:2px dotted #975577;
&:hover{color:#4A1829}}
u{color:inherit;text-decoration:none;border-bottom:2px dotted #4A1829}

main{width:1550px;margin:auto;margin-top:200px;padding:0 100px 200px 100px}
header{
margin-bottom:30px;padding:20px;
position:relative
}
header, footer{
background-image:url('img_tartan-clovers/img_art-room/fondo-ii.gif');
text-align:center;font-size:17px;
border:3px solid #975577;
}

header p, footer p{
width:1245px;
margin:10px auto;
font-weight:700;
text-shadow:1px 1px 0 #F9F6F0, -1px -1px #975577
}

font{color:#975577}

footer{padding:15px;font-size:18px}

h1{
margin:0;
font:900 50px 'Playball';
color:#975577;
text-align:center;
text-shadow:1px 1px 0 #F9F6F0, -1px -1px #975577
}
.gallery{
width:100%;
margin:auto;margin-bottom:45px;
column-count:4;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px
}
aside{
height:fit-content;
margin-bottom:20px;
padding:20px;padding-bottom:15px;
background:#F9F6F0;
border:2px solid #975577;
box-shadow:1px 1px 3px #00000080;
overflow:hidden;
transition:transform 0.3s ease, box-shadow 0.3s ease;
transform:rotate(0deg);
break-inside:avoid;
page-break-inside:avoidS
}
aside:nth-child(3n+1){transform:rotate(-1deg)}
aside:nth-child(3n+2){transform:rotate(0.5deg)}
aside:nth-child(3n+3){transform:rotate(-0.5deg)}
aside:hover{transform:rotate(0deg) scale(1.03);z-index:10}

#i{
width:99%;
display:flex;align-items:center;
justify-content:center;
overflow:hidden;
border:2px dashed #975577;
}

#i img{
width:100%;height:100%;
object-fit:cover;
transition:filter 0.3s ease
}

#button{
width:fit-content;height:fit-content;
padding:10px;
background-color:#B87A9A;
font-size:20px;font-weight:800;
color:#4A1829;
text-shadow:1px 1px 0 #F9F6F0, -1px -1px #975577;
text-transform:uppercase;
border:2px dashed #4A1829;
border-radius:30px;
position:fixed;
top:25px;left:25px;
z-index:20;
&:hover{transform:rotate(3deg);transition:0.4s ease}
}