@font-face {
	font-family: 'Love';
	src: url("../fonts/ParadiseLove.otf");
	font-display: swap;
}
@font-face {
	font-family: 'Bang';
	src: url("../fonts/Bang Tamvan.ttf");
	font-display: swap;
}
/* @font-face {
	font-family: 'Brown';
	src: url("../fonts/Brownist.otf");
	font-display: swap;
}
@font-face {
	font-family: 'Carmitta';
	src: url("../fonts/Carmitta.ttf");
	font-display: swap;
} */
body{
    background-image: url('../img/back.jpg');
    background-size: 100%;
}
h1{
    font-family: 'Love';
    filter: drop-shadow(0px 0px 35px #ff9c9c);
}
h1 span{
    font-size: 123px;
    line-height: 65px;
}
h2{
    font-size: 45px;
    font-family: 'Love';
}
p, ul{
    font-family: 'Bang';
}
.instant{
    width: 350px;
    height: 430px;
    background-color: #fff;
    filter: drop-shadow(0px 0px 25px #a1a1a1);
    padding: 25px;
    text-align: end;
    margin-bottom: 40px;
    cursor: pointer;
}
.instant label{
    font-family: 'Bang';
    font-size: 20px;
    margin-top: 53px;
}
.imgins{
    width: 300px;
    height: 300px;
    background-size: 100%;
    background-position: center;
}
.ins1{
    animation: photomove1 2s ease-in-out infinite;
}
.ins2{
    animation: photomove2 2s ease-in-out infinite;
}
.ins3{
    animation: photomove3 2s ease-in-out infinite;
}
.ins4{
    animation: photomove3 2s ease-in-out infinite;
}
@keyframes photomove1 {
    0%,100%{
        transform: rotate(-8deg);
    }
    50%{
        transform: rotate(0deg);
    }
}
@keyframes photomove2 {
    0%,100%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(-8deg);
    }
}
@keyframes photomove3 {
    0%,100%{
        transform: rotate(8deg);
    }
    50%{
        transform: rotate(0deg);
    }
}
@keyframes photomove4 {
    0%,100%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(8deg);
    }
}
.foto-perfil{
    background-image: url('../img/perfil.jpg');
    background-position: center;
    background-size: 100%;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
}
.text-justify{
    text-align: justify;
    padding-right: 20px;
}
iframe{
    width: 350px;
    height: 600px;
    border-radius: 30px;
}
@media screen and (max-width: 1130px) {
    .instant{
        width: 300px;
        height: 380px;
    }
    .imgins{
        width: 250px;
        height: 250px;
        background-size: 100%;
        background-position: center;
    }
    iframe{
        width: 300px;
        height: 514px;
    }
}