body {
	font-family:Roboto,sans-serif ;
	padding: 0px;
	margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('img/backie.png');
    background-repeat: repeat;
    background-attachment: fixed;
}
@font-face {
    font-family: Glamour;
    src: url('Glamour.ttf')
}
@font-face {
    font-family: Bleeding Cb;
    src: url('Bleeding_Cowboys.ttf')
}
@font-face {
    font-family: Tempting;
    src: url('Tempting.otf')
}
@font-face {
    font-family: Champignon;
    src: url('Champignon.otf')
}
@font-face {
    font-family: Porcelain;
    src: url('PORCELAI.TTF')
}
@font-face {
    font-family: Cloudy;
    src: url('KBCloudyDay.ttf')
}
@font-face {
	font-family: rainyhearts;
	src: url('rainyhearts.ttf')
}
.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 125px;
    height: auto;
    margin-top: 100px;
    margin-bottom:  100px;
}

.header {
    flex-grow: 1;
    border-top-right-radius: 125px;
    border-top-left-radius: 125px;
    height: 250px;
    background-image: url('img/header.png');
    background-size: cover;
    background-position: center;
    border-width: 10px;
    border-style: solid;
    border-color: #452871;
    margin-bottom: 10px;
}
.row {
    width: auto;
    height: auto;
    margin: 10px;
    margin-top: 15px;
    margin-bottom: 5px; 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end;
}


.intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background-image: url('img/purple3.png');
    border-width: 27px;
    outline-style: solid;
    outline-color: #A9A9A9;
    outline-width: 1px;
    border-style: solid;
    border-image: url("img/lace3.png") 20 round;
}



.appreciation {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 150px;
}

.footer {
    width: 1400px;
    height: 150px;
    background-image: url('img/footah.png');
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-width: 3px;
    border-color: #A9A9A9;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 115px; 
    border-bottom-left-radius: 115px;
}
h1 {
    font-family: Cloudy;
}
p {
    font-family: rainyhearts;
}
.stamps {
	/*width: 655px;*/
	background-image: url('img/purple6.png');
    border-width: 15px;
    outline-style: solid;
    outline-color: #A9A9A9;
    outline-width: 1px;
    border-style: solid;
    border-image: url("img/lace1.png") 20 round;
}

.stampies {
	margin-top: 5px;
}

::-webkit-scrollbar {
width: 8px; 
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #b89aaa;  
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}