*{margin:0;padding:0;position:relative}
body{
background:url('img_index/fondo-.png') no-repeat;
background-size:cover;background-position:center;
background-attachment:fixed;
font:16px 'Inter Tight';
color:#412C29;
}

@font-face{font-family:'Chick';src:url('img_index/Chick-Font.TTF')}

p{margin:10px 0}
u{text-decoration:1px wavy underline}
li{list-style:'❋ ' inside}
a{color:#BC432D;text-decoration:wavy underline}
a:hover{color:#62859B}

h1{
color:#FFFFFF;
font:85px 'Chick';
text-transform:uppercase;
position:absolute;
top:-90px;right:0;
text-shadow:4px 4px 0 #BC4533, -4px 4px 0 #BC4533, 4px -4px 0 #BC4533, -4px -4px 0 #BC4533, 0px 4px 0 #BC4533, 0px -4px 0 #BC4533, -4px 0px 0 #BC4533, 4px 0px 0 #BC4533, 4px 4px 0 #BC4533, -4px 4px 0 #BC4533, 4px -4px 0 #BC4533, -4px -4px 0 #BC4533, 0px 4px 0 #BC4533, 0px -4px 0 #BC4533, -4px 0px 0 #BC4533, 4px 0px 0 #BC4533, 3px 3px 0 #BC4533, -4px 4px 0 #BC4533, 4px -4px 0 #BC4533, -4px -4px 0 #BC4533, 4px 4px 0 #BC4533, -4px 4px 0 #BC4533, 4px -4px 0 #BC4533, -4px -4px 0 #BC4533;
filter:drop-shadow(2px 2px 0px #FFDD94) drop-shadow(-2px -2px 0px #FFDD94) drop-shadow(-2px 2px 0px #FFDD94) drop-shadow(2px -2px 0px #FFDD94)
}

h2{
margin:10px 0;padding-bottom:5px;
color:#BC4533;
font:italic 800 20px 'Inter Tight';
text-transform:uppercase;
border-bottom:3px double #BC4533;
&::before{content:'˚✿˖° ';font-style:normal;font-weight:normal}
}

main{
width:1000px;height:770px;
margin:auto;margin-top:110px;
background:#BC4533;
border:1px dotted #FFFFFF;
outline:5px solid #BC4533;
display:flex;
position:relative
}

/*---LEFT-SECTION---*/
#left{
width:270px;
padding:20px;
background-color:#FFFFFF;

& button{
width:130px;
margin-bottom:10px;padding:5px;
background-color:#BC432D;
color:#FFFFFF;
font:800 14px 'Inter Tight';
text-transform:uppercase;
border:2px solid #DA724E
}
& button:hover{
background-image:url('img_index/button-i.png');
background-size:cover;background-position:center;
cursor:pointer
}
}

#icon{
width:150px;height:150px;
border:4px solid #BC4533;
border-radius:50%;
}

#i{display:flex;flex-wrap:wrap;justify-content:space-between}

/*---RIGHT-SECTION---*/
#right{
width:700px;

& button{
width:230px;padding:10px;
background-color:#73372B;
color:#FFFFFF;
font:800 14px 'Inter Tight';
text-transform:uppercase;
border:none;
border-right:1px dotted #FFFFFF
}

& button:hover, button:focus{
background-image:url('img_index/button-ii.png');
background-size:cover;background-position:center;
cursor:pointer
}
}

#ii{
background-color:#73372B;
border-bottom:1px dotted #FFFFFF;
display:flex;flex-wrap:wrap;justify-content:space-between
}

.if-container{width:100%;display:inline-block}
.ifrm{width:100%;height:732px;border:none;display:block}

footer{
color:#FFFFFF;
font-weight:600;
position:absolute;
bottom:-30px;

& a{color:#FFFFFF}
& a:hover{color:#BC432D}
}