@font-face {
    font-family: 'Magazine';
    src: url("fonts/Magazine.ttf") format('truetype');
    font-weight: 400; 
    font-style: normal;
}

@font-face {
    font-family: 'AckiPreschool';
    src: url("fonts/AckiPreschool.ttf") format('truetype');
    font-weight: 400; 
    font-style: normal;
}

/*заглавный текст*/.titletext{
	font-family: "Magazine";
	font-size: 90px;
	text-align: center;
	color: #5783B4;
	font-weight: 900;

}

.nateimg {
	width: 400px;
	
}

/* вся информация */ .box {
	
	border: 6px;
	border-style: solid;
	border-color: #4E4F5C;
	width: 700px;
	background: rgba(197, 203, 230, 0.5);
	height: 1000px;
	margin: auto;
	margin-top: -230px;



}

#box2{
	border: 6px;
	border-style: solid;
	border-color: #4E4F5C;
	width: 450px;
	height: 500px;
	background: rgba(197, 203, 230, 0.5);
	margin-left: -233px;
	margin-top: -1012px;
}

.body {
	padding: 10px;
	background-image: url("images/tile.jpg"), url("images/whale.png");
	background-repeat: repeat, no repeat;
	background-position: top left, center 1200px;
	background-size: auto, 900px;

}

#front {
	background-color: #E5E6EF;
	width: 800px;
	height: 100px;
	background-color: rgba(195, 202, 235, 0.9);

}
	
/*текст внутри бокса для инфы*/.text {
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
 	font-family: "Alexandria";
}

.quote {
	font-family: "Rouge Script";
	color:#E9EBF0;
	font-size: 35px;
	z-index: 10;

}

.quotebox{
	height: 60px;
	width: 807px;
	background-color: #5783B4;
	margin: auto;
	margin-left: 400px;
	margin-bottom: 125px;
	margin-top: -100px;


}

.whosaidit {
	font-family: "Rouge Script";
	color:#8589A8;
	font-size: 29px;

}

#sticknote {
	height: 200px;
	transform-origin: center;
	position: absolute;
	top: 135px;
	
}

h3{
	font-family: AckiPreschool;
	font-size: 35px;
	transform: rotate(335deg);
}

a.aboutme{
	font-family: AckiPreschool;
	font-size: 30px;
	text-decoration: none;
	color: #29316B;
}

img.polaroid {
	width: 106px;
	transform: rotate(-10deg);
	

}

.polaroid:hover{
	transform:scale(1.2);
}


.textunder.aboutme:hover{
	transform: scale(1.2);
}

.center{
	max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1;
}

#backgroundwhale {
	position: absolute;
    top: 100px;      /* насколько ниже от верха страницы */
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 0.7;
}

#backgroundwhale img {
	width: 1500px;   /* размер кита */
    max-width: 95%;
    display: block;
    margin: 0 auto;
}