.bg_full{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}
.text-1 {
    position: absolute;
    width: 100%;
    background: RGBa(240, 237, 210,.8);
    font-family: happymonkey;
    font-size: 2.5vw;
    padding: 1%;
    bottom: 0;
}
.niti {
    position: absolute;
    width: 10%;
    transform: scaleX(-1);
    top: 49%;
    left: 45%;
}
.book {
    position: absolute;
    width: 26%;
    top: 25%;
    left: 50%;
}
.niti-2 {
    position: absolute;
    width: 10%;
    top: 40%;
    left: 30%;
		transform: scaleX(-1);
}
.niti-1 {
    position: absolute;
    width: 10%;
    top: 40%;
    left: 30%;
}
.asha {
    position: absolute;
    width: 15%;
    top: 42%;
    left: 67%;
    transform: scaleX(-1);
}
.rs500 {
    position: absolute;
    width: 20%;
    top: 55%;
    left: 47%;
}
.principal, .interest, .rate {
    position: absolute;
    font-size: 2vw;
    font-family: sniglet;
    background: #7B74D4;
    color: white;
    padding: 1%;
    width: 15%;
    border-radius: 2vmin;
    top: 30%;
		border: .1em solid #36364B;
		cursor: pointer;
}
.principal:hover, .interest:hover, .rate:hover {
	transition: .2s;
	background: #F6B26B;
	border: .1em solid #E69138;
}
.principal{
	left: 13.75%;
}
.interest{
	left: 42.5%;
}
.rate{
	left: 71.25%;
}
.borrowed {
    position: absolute;
    top: 44%;
    font-family: sniglet;
    background: #E8E8E8;
    height: 35%;
    width: 39%;
    border-radius: 2vmin;
    font-size: 2vw;
    padding-top: 17%;
    left: 3%;
}
.rs500-1 {
    position: absolute;
    width: 29%;
    top: 50%;
    z-index: 100;
    left: 8%;
}
.emptycloud {
    position: absolute;
    width: 30%;
    top: 22%;
    left: 41%;
}
.text-2 {
    position: absolute;
    font-size: 3vw;
    font-family: happymonkey;
    top: 28%;
    left: 51%;
}
.reutrned {
    left: 59%;
		background: white;
    box-shadow: .1em .1em 1em white;
}
.rs500-2 {
    position: absolute;
    width: 18%;
    left: 70%;
    top: 47%;
    z-index: 1000;
}
.addtext {
    z-index: 100;
    font-size: 2vw;
    font-family: happymonkey;
    top: 60%;
    left: 30%;
}
.bigfont {
    font-size: 3.5vw;
    position: absolute;
    left: 48%;
    top: -9%;
}
.book1 {
    position: absolute;
    width: 10%;
    top: 51%;
    left: 58%;
}
.niti1 {
    position: absolute;
    width: 25%;
    top: 40%;
    left: 40%;
}
.cloud1 {
    position: absolute;
    width: 20%;
    left: 21%;
    top: 25%;
}
.ten {
    position: absolute;
    font-size: 2.5vw;
    font-family: happymonkey;
    top: 27%;
    left: 27%;
}
.yellow{
	background: #FDFFB3;
}
.blackboard {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 8%;
}
.board-text {
    color: white;
    font-family: pangolin;
    font-size: 2.3vw;
    top: 20%;
    left: 22%;
    position: absolute;
}
.underlined{
	text-decoration: underline;
}
.midtext {
    left: 42%;
}
.righttext {
    left: 67%;
}
.rs500-3 {
    position: absolute;
    width: 20%;
    top: 30%;
    left: 45%;
}
.rs10 {
    position: absolute;
    width: 20%;
    top: 50%;
    left: 45%;
}
.rs10-a {
    position: absolute;
    width: 15%;
    top: 62%;
    left: 71%;
    z-index: 100;
}
@media (min-aspect-ratio:4/3){
	.text-1, .addtext {
    font-size: 4vmin;
}
	.principal, .interest, .rate,.borrowed{
		font-size: 4.5vmin;
	}
	.text-2,.ten{
		font-size: 7vmin;
	}
	.bigfont {
    font-size: 7vmin;
}

}