@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

#twice{
    border: 10px ridge #d88d97;
    background-image: linear-gradient(#a53e4f 2px, transparent 2px), linear-gradient(to right, #a53e4f 2px, transparent 2px);
    background-size: 13px 13px;
    background-color: #964b55;
}

body {
    background-image: url("/img/fondotrama.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
}

#kth{
    background-image: url(/img/a.gif);
    color: rgb(255, 251, 253);
    text-shadow: 1px 1px 22px rgb(255, 23, 81);
    font-size: 200%;
}

#navbarSupportedContent {
    border: #ff3d6f;

}

#txt{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #ef7159;
    font-size: large;
}


#loona{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #811f3d;
    text-shadow: 1px 1px 22px rgba(255, 62, 111, 0.815);
    font-size: 200%;
}

#nct{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 0, 64, 0.815);
    font-size: 300%;
}

#ateez1{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 0, 64, 0.815);
    font-size: 200%;
    background-color: #ca4949;
    background-image: url(img/a.gif);
}

#ateez2{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 0, 64, 0.815);
    font-size: 200%;
    background-color: #ef596d;
    background-image: url(img/a.gif);
}

#ateez3{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 0, 64, 0.815);
    font-size: 200%;
    background-color: #ee4444;
    background-image: url(img/a.gif);
}

#ateez4{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 0, 64, 0.815);
    font-size: 200%;
    background-color: #ff3550;
    background-image: url(img/a.gif);
}

h1{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    background-image: url(/img/a.gif);
    color: rgb(255, 251, 253);
    text-shadow: 1px 1px 22px rgb(255, 23, 81);
    font-size: 400%;
}

h5{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #ffd8d0;
}

#day6{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #ffd6ce;
    font-size: 500%;
}

#svt{
    background: #ecffc1;
    background: -webkit-radial-gradient(circle, #ecffc1 0%, #ffe6cc 50%, #dfbaf7 100%);
    background: radial-gradient(circle, #ecffc1 0%, #ffe6cc 50%, #dfbaf7 100%);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #720633;
    font-size: xx-large;
    padding-left: 2%;
    text-shadow: 0px 0px 11px rgba(255,0,53,1);
}

#xg{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #3d001a;
    background-color: rgba(255,0,84,0.25);
    background: radial-gradient(ellipse farthest-corner at center center, rgba(255,0,84,0.25) 0%, rgba(255,240,214,0.44) 80%);
    background: -webkit-radial-gradient(ellipse farthest-corner at center center, rgba(255,0,84,0.25) 0%, rgba(255,240,214,0.44) 80%);
    background: -moz-radial-gradient(ellipse farthest-corner at center center, rgba(255,0,84,0.25) 0%, rgba(255,240,214,0.44) 80%);;
    
}

#skz{
    background: 
      radial-gradient(farthest-side at -33.33% 50%,#0000 52%,#ff7c92 54% 57%,#0000 59%) 0 calc(80px/2),
      radial-gradient(farthest-side at 50% 133.33%,#0000 52%,#ff7c92 54% 57%,#0000 59%) calc(80px/2) 0,
      radial-gradient(farthest-side at 133.33% 50%,#0000 52%,#ff7c92 54% 57%,#0000 59%),
      radial-gradient(farthest-side at 50% -33.33%,#0000 52%,#ff7c92 54% 57%,#0000 59%),
      #ffdce2;
    background-size: calc(80px/4.667) 80px,80px calc(80px/4.667);


}

#fnaf{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 61, 109, 0.815);
    font-size: 100%;
    background-color: #ee4444;
}

#fnaf1{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 190, 206, 0.815);
    font-size: 150%;
    background-color: #ff3a65;
}

#aespa{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #fffaf9;
    text-shadow: 1px 1px 22px rgba(255, 190, 206, 0.815);
    font-size: 150%;
    background: #ff225d;
    background: radial-gradient(circle farthest-corner at center center, #ff4e7d 0%, rgba(255,255,255,0) 80%);
    background: -webkit-radial-gradient(circle farthest-corner at center center, #ff4e7d 0%, rgba(255,255,255,0) 80%);
    background: -moz-radial-gradient(circle farthest-corner at center center, #ff4e7d 0%, rgba(255,255,255,0) 80%);
}

#supernova{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: darkorange;
    text-align: center;
}

.fs-2{
    color: aliceblue;
    background: rgb(255, 130, 146);
    border: none;
    background-image: url(/img/image36.gif);
    background-size: contain;
    background-position: 5%;
    border: 6px dashed #ff5079;
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
}

.fs-5{
    color: aliceblue;
    font-family: "Pacifico";
    font-weight: 50;
    font-style: normal;
}


.accordion-body {
    font-size: var(--p-font-size);
    font-weight: var(--font-weight-light);
    display: flex;
}

#abcd{
    background: #ff42ad;
    background-size: 20%;
}

#ajunice {
    background: #df50a2;
    background: radial-gradient(circle farthest-corner at center center, #df50a2 0%, #ffc9d7 80%);
    background: -webkit-radial-gradient(circle farthest-corner at center center, #df50a2 0%, #ffc9d7 80%);
    background: -moz-radial-gradient(circle farthest-corner at center center, #df50a2 0%, #ffc9d7 80%);
}

#ohmy {
    background: #ff3d6f;
    background: repeating-radial-gradient(circle farthest-corner at bottom left, #ff3d6f 0%, #ff6885 20%);
    background: -webkit-repeating-radial-gradient(circle farthest-corner at bottom left, #ff3d6f 0%, #ff6885 20%);
    background: -moz-repeating-radial-gradient(circle farthest-corner at bottom left, #ff3d6f 0%, #ff6885 20%);
}

#mansae{
    box-shadow: 26px 24px 16px -1px rgba(189,27,65,0.47);
    -webkit-box-shadow: 26px 24px 16px -1px rgba(189,27,65,0.47);
    -moz-box-shadow: 26px 24px 16px -1px rgba(189,27,65,0.47);
}

#accordionExample {
    background: #ff7591;
    background: linear-gradient(90deg,#ff7591 0%, #ff7591 80%);
    background: -webkit-linear-gradient(90deg,#ff7591 0%, #ff7591 80%);
    background: -moz-linear-gradient(90deg,#ff7591 0%, #ff7591 80%);

}

#fear{
    background: #ff7591;
    background: linear-gradient(90deg,#ff7591 0%, #ff7591 80%);
    background: -webkit-linear-gradient(90deg,#ff7591 0%, #ff7591 80%);
    background: -moz-linear-gradient(90deg,#ff7591 0%, #ff7591 80%);
}

#fear2{
    background: #ff98ac;
}

#fear3{
    background: hsl(348, 100%, 72%);
}

#fear4{
    background: #ff5476;
}



#super{
    text-shadow: 2px 0px 9px rgba(255,85,112,1);
}

@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateX(-48px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateX(-26px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateX(-13px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateX(-6.5px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateX(-4px);
	}

	25%,
	55%,
	75%,
	87%,
	98% {
		animation-timing-function: ease-out;
		transform: translateX(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0px);
	}
}