a{
color: #79623dc5;
}

.credit{
position: absolute;
bottom: 5px;
color: #79623ddb;
font-family: DMsans;
font-size: 0.8em;
}

.iris2{
width: 35px;
height: auto;
position: absolute;
bottom: 5px;
right: 43px;
image-rendering: pixelated;
opacity: 0.8;
}

.iris{
width: 50px;
height: auto;
position: absolute;
bottom: 5px;
right: 5px;
image-rendering: pixelated;
opacity: 0.8;
}

.text{
width: auto;
height: 100px;
border-width: 1px;
border-style: dotted;
border-color: #86693c;
color: #543e1e;
padding: 5px;
position: relative;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}

p{
font-family: DMsans;
margin: 0;
font-size: 0.8em;
position: absolute;
z-index: 9999;
filter: drop-shadow(1px 0 0 #fff2da) drop-shadow(0 1px 0 #fff2da) drop-shadow(-1px 0 0 #fff2da) drop-shadow(0 -1px 0 #fff2da);
}

h1{
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
font-size: 0.8em;
font-weight: 400;
letter-spacing: 2px;
}

.container{
width: 90%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
padding: 20px;
}

main{
background-color: #fff2da;
width: 470px;
height: fit-content;
padding: 10px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: dotted;
border-color: #86693c;
}

body{
margin: 0;
padding: 0;
background-color: #fff7eb;
}

::-moz-selection {
color: red;
background: yellow;
}

::selection {
color: #2b410ca6;
background: #93bb5b8c;
}

@font-face {
font-family: DMsans;
src: url(fonts/DMSans-VariableFont_opsz\,wght.ttf);
}

@font-face {
font-family: mali;
src: url(fonts/Mali-Regular.ttf);
}