@font-face{font-family:font1;src:url(Quicksand-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:font1;src:url(Quicksand-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}

* {padding: 0;margin: 0;box-sizing: border-box;outline: 0;font-family: font1;}
.container {background-color: #fcf8e8;height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.content {position: relative;display: flex;flex-direction: column;align-items: center;}
.logo {width: 400px;height: 247px;position: relative;margin-bottom: 150px;}
.logo img {width: 100%;height: auto;}
.logo p {font-size: 26px;margin-top: 10px; text-align: center !important;text-align: -moz-center !important;text-align: -webkit-center !important;width: fit-content;margin: 10px auto 0;}
.content > p {font-size: 38px;}
.social-media {position: fixed;bottom: 30px;display: flex;}
.social-media a {display:block;width: 40px;height: 40px;margin: 0 10px;}
.instagram {background: url(../img/instagram.svg) center / 25px no-repeat;background-color: #DF7861;border-radius: 50%;}
.pinterest {background: url(../img/pinterest.svg) center / 25px no-repeat;background-color: #DF7861;border-radius: 50%;}

.blob-outer-container {position: fixed;height: 100%;width: 100%;z-index: 0;inset: 0;margin: auto;filter: blur(100px);/*opacity: 0.5;*/}
.blob-inner-container {border-radius: 99999px;position: absolute;inset: 0;margin: auto;width: 100vw;height: 100vh;min-width: 1000px;overflow: hidden;background-color: #fff;transform: scale(0.8);}
.blob {position: absolute;width: 100vw;height: 100vh;inset: 0;margin: auto;background: conic-gradient(from 0deg, #d4e2d4, #df7861, #fcf8e8, #b7b7a4, #303b44, #f4d2b8);animation: spinBlob 8s linear infinite;}
@keyframes spinBlob {0% {transform: rotate(0deg) scale(2);}100% {transform: rotate(1turn) scale(2);}}

@media (max-width: 450px) {
    .blob-inner-container {transform: scale(1);}
    .logo {width: 320px;height: 198px;}
    .logo p {font-size:24px}
    .content p {font-size: 28px;}
}