@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Indie+Flower&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Silkscreen:wght@400;700&display=swap";@font-face{font-family:ndot-47;src:url(/fonts/ndot-47/ndot-47.otf) format("opentype")}.iPhone-wrapper{animation:.5s fadeIn}div.iPhone{width:365px;height:780px;overflow:hidden;border-radius:40px;padding:0 5px;box-sizing:border-box;font-family:Silkscreen,sans-serif;font-weight:400;font-style:normal;position:relative;background:url(/assets/iphone-wallpaper-CGzSLFUX.jpg);background-size:cover;clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%,77% 0%,76% 3%,72% 4%,30% 4%,26% 3%,24% 0%)}.phone-off{position:absolute;bottom:180px;left:calc(50% - 40px)}.contact{display:grid;position:absolute;bottom:24px;gap:2px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;margin:0 auto;left:calc(50% - 170px);background-color:#f1f1f17d;border-radius:24px;padding:4px 4px 0;box-sizing:border-box}.contact>*{transition:transform .2s;cursor:pointer}.contact>*:hover{transform:scale(1.08) translateY(-2px)}.contact>*:not(:hover){transform:scale(.9)}@font-face{font-family:ndot-47;src:url(/fonts/ndot-47/ndot-47.otf) format("opentype")}div.iPhone .datetime *{margin:0;padding:0}.datetime{margin-top:25%;color:#426b2b}.datetime .time{font-size:4rem;text-align:center;margin-top:5px;font-family:ndot-47,sans-serif}.datetime .date{font-size:2.5rem;text-align:center;margin-top:5px;font-family:ndot-47,sans-serif}.volume-adjustment{position:absolute;top:calc(50% - 100px);left:calc(50% - 100px);width:200px;height:200px;background-color:#f1f1f17d;color:#919191b5;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:20px}.volume-adjustment.vibrate{animation:2s 1s fadeOut forwards}.volume-adjustment>.volume-off,.volume-adjustment>.volume-on{cursor:pointer}.phone-off-button{cursor:pointer;width:80px;height:80px;border-radius:50%;border:1px solid rgba(250,250,250,.7);background:transparent;color:#fafafab3;overflow:hidden;transition:color .9s}.phone-off-button:after{content:"";position:absolute;width:100%;height:100%;bottom:-100%;left:0;background:#fafafab3;transition:bottom .9s}.phone-off-button:active{color:#201e1d}.phone-off-button:active:after{bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}@keyframes bounce-in-right{0%{animation-timing-function:ease-in;opacity:0;transform:translate(250px)}38%{animation-timing-function:ease-out;opacity:1;transform:translate(0)}55%{animation-timing-function:ease-in;transform:translate(68px)}72%{animation-timing-function:ease-out;transform:translate(0)}81%{animation-timing-function:ease-in;transform:translate(32px)}90%{animation-timing-function:ease-out;transform:translate(0)}95%{animation-timing-function:ease-in;transform:translate(8px)}to{animation-timing-function:ease-out;transform:translate(0);opacity:1}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px) scale(1.01);filter:contrast(.8) grayscale(.2)}30%{transform:translate(-2px,-2px) scale(1)}50%{transform:translate(2px,2px) scale(1.01);filter:none}70%{transform:translate(2px,-2px)}80%{transform:translate(0)}to{transform:translate(0)}}@keyframes bounce-in-top{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(-250px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(-28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(-8px)}to{animation-timing-function:ease-out;transform:translateY(0);opacity:1}}@keyframes slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-250px)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(500px)}}.phone-notification{position:absolute;top:5%;margin:10px;background-color:#cfe7d733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border:1px solid rgba(250,250,250,.8);padding:1rem;border-radius:32px;display:flex;justify-content:space-between;align-self:center;gap:.5rem}.phone-notification.hidden{animation:slide-out-right 2s 0s 1 normal forwards}.phone-notification__icon{display:flex;align-items:center}.phone-notification__icon>*{display:block}.phone-notification__content{color:#201e1d}.phone-notification__content__title{font-size:1rem;font-weight:600}.phone-notification__content__message{font-size:.8rem;margin-top:4px}