@import url(https://fonts.googleapis.com/css?family=Allan:700,400);body,html{height:100%;width:100%}body{background:#43a8e7;margin:0;overflow:hidden;perspective:800px;position:relative}.envelope{color:#1f1f1f;font-family:Allan,sans-serif;height:366.66667px;left:50%;margin-left:-275px;margin-top:-183.33333px;position:absolute;top:40%;transform-origin:right center;transform-style:preserve-3d;transition:transform 1s ease;width:550px;z-index:2}.envelope .back,.envelope .front{background-color:#fff;border-radius:5px;box-shadow:0 0 30px -5px #fbc0b9eb;height:130%;position:absolute;width:100%}.envelope .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;display:table}.envelope .front:focus{outline:none}.envelope .front .stamp{background:radial-gradient(#0000 0,#0000 4px,#f6f6df 0,#f6f6df);background-position:-10px -10px;background-size:20px 20px;height:80px;padding:10px;position:absolute;right:10px;top:10px;transform:translateZ(1px);width:80px}.envelope .front .stamp:after{background-color:#fff;border-radius:2px;content:"";display:block;height:100%;width:100%}.envelope .front .mail{display:table-cell;text-align:center;vertical-align:middle}.envelope .front .mail p{font-weight:700;margin:0}.envelope .back .letter p{color:#43a8e7;font-size:18px;letter-spacing:1px;line-height:20px}.envelope .front .mail p:first-child{color:#43a8e7;font-size:50px;line-height:50px}.envelope .front .mail p:last-child{font-size:21px}.envelope .back .letter p:nth-child(2){color:#000;font-size:21px}.envelope .back .letter p:nth-child(3){color:#43a8e7;float:right;font-size:21px}.envelope .back{transform:rotateY(180deg) translateZ(1px)}.envelope .back .flip{height:100%;overflow:hidden;position:absolute;width:100%}.envelope .back .flip:before{background-color:#fff;box-shadow:0 0 100px #2fd2d252;content:"";position:absolute}.envelope .back .bottom-flip:before,.envelope .back .top-flip:before{height:388.90873px;width:388.90873px}.envelope .back .top-flip{transform-origin:top center;z-index:5}.envelope .back .top-flip:before{border-bottom-left-radius:50px;border-bottom-right-radius:10px;border-top-left-radius:10px;transform:rotate(-45deg);transform-origin:top left}.envelope .back .bottom-flip{z-index:4}.envelope .back .bottom-flip:before{border-bottom-left-radius:10px;border-top-left-radius:100px;border-top-right-radius:10px;transform:rotate(45deg) translate(-15px,-15px);transform-origin:left bottom}.envelope .back .left-flip:before,.envelope .back .right-flip:before{height:269.27249px;top:-5px;width:269.27249px}.envelope .back .left-flip{z-index:3}.envelope .back .left-flip:before{border-bottom-right-radius:30px;border-top-left-radius:20px;border-top-right-radius:5px;transform:rotate(45deg);transform-origin:top left}.envelope .back .right-flip{z-index:2}.envelope .back .right-flip:before{border-bottom-left-radius:30px;border-top-left-radius:5px;border-top-right-radius:20px;right:0;transform:rotate(-45deg);transform-origin:top right}.envelope .back .letter{background-color:#fff;border-radius:5px;box-shadow:0 1px 100px #fbc0b9eb;box-sizing:border-box;height:444px;left:123px;padding:0 18px;position:absolute;width:309px;z-index:1}.envelope .back .letter div{margin-top:25px;position:relative}.envelope .back .letter label{color:#adadad;font-size:16px;line-height:20px;opacity:0;position:absolute;top:-15px;transition:all .1s linear}.envelope .back .letter label.show{opacity:1;top:-18px}.envelope .back .letter label.focus{color:inherit}.envelope .back .letter ::placeholder{color:#adadad}.envelope .back .letter input[type=text],.envelope .back .letter textarea{background-color:#f6f6df;border:none;box-sizing:border-box;margin:0;padding:5px;width:100%}.envelope .back .letter input:focus,.envelope .back .letter textarea:focus{outline:none}.envelope .back .letter input,.envelope .back .letter textarea{font-family:Allan,sans-serif;font-size:20px}.envelope .back .letter input[type=text]{height:33px}.envelope .back .letter input[type=submit]{background-color:#e7e1bc;border:none;border-radius:2px;cursor:pointer;font-weight:700;margin:0;padding:5px 20px;transition:all .1s linear}.envelope .back .letter input[type=submit]:hover{background-color:#dcd0aa}.envelope .back .letter textarea{height:117.66667px;resize:none}.envelope.new{animation:new 1s forwards}.envelope.open{animation:open 3s forwards}.envelope.open .top-flip{animation:flip-open 1s 1s forwards}.envelope.open .letter{animation:letter-out 1s 2s forwards}.envelope.send{animation:send 4s forwards}.envelope.send .top-flip{animation:flip-close 1s 1s forwards;transform:rotateX(-180deg);z-index:-1}.envelope.send .letter{animation:letter-in 1s forwards}@keyframes new{0%{left:0;margin-left:-550px}to{left:50%;margin-left:-275px}}@keyframes open{0%{transform:translateZ(0) rotateY(0)}33.333%{transform:translate3d(-100%,0,0) rotateY(-180deg)}66.666%{transform:translate3d(-100%,0,0) rotateY(-180deg)}to{transform:translate3d(-100%,733.33333px,0) rotateY(-180deg)}}@keyframes flip-open{0%{transform:rotateX(0deg);z-index:5}50%{transform:rotateX(0deg);z-index:5}to{transform:rotateX(-180deg);z-index:-1}}@keyframes letter-out{0%{box-shadow:0 0 30px -5px #fbc0b9eb;transform:translateZ(0)}to{box-shadow:0 0 30px -5px #fbc0b9eb;transform:translate3d(0,-733.33333px,0)}}@keyframes send{0%{left:50%;margin-left:-275px;transform:translate3d(-100%,733.33333px,0) rotateY(-180deg)}25%{left:50%;margin-left:-275px;transform:translate3d(-100%,0,0) rotateY(-180deg)}50%{left:50%;margin-left:-275px;transform:translate3d(-100%,0,0) rotateY(-180deg)}75%{left:50%;margin-left:-275px;transform:translateZ(0) rotateY(0deg)}to{left:100%;margin-left:20px;transform:translateZ(0) rotateY(0deg)}}@keyframes flip-close{0%{transform:rotateX(-180deg);z-index:-1}50%{transform:rotateX(0deg);z-index:5}to{transform:rotateX(0deg);z-index:5}}@keyframes letter-in{0%{box-shadow:inset 0 0 30px -5px #a87e50,0 0 20px -5px;transform:translate3d(0,-733.33333px,0)}to{box-shadow:inset 0 0 30px -5px #b08c5b,0 0 10px -5px;transform:translateZ(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{overflow-x:hidden}.parallax-container{align-items:center;background:radial-gradient(circle,#0000001a,#0000004d);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.balls-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ball{animation:bounce 10s ease-in-out infinite alternate;background-color:#ff00ff4d;border-radius:50%;filter:blur(10px);height:100px;position:absolute;width:100px}.ball:nth-child(2){animation-delay:2s;animation-duration:12s;background-color:#00ffff4d}.ball:nth-child(3){animation-delay:4s;animation-duration:14s;background-color:#ffff004d}@keyframes bounce{0%{transform:translate(0)}25%{transform:translate(75vw,25vh)}50%{transform:translate(50vw,75vh)}75%{transform:translate(25vw,50vh)}to{transform:translate(100vw,100vh)}}.parallax-card{border-radius:12px;cursor:pointer;height:700px;perspective:1400px;position:relative;transform-style:preserve-3d;width:500px}.parallax-card .card-content,.parallax-card .card-cover{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 0 30px #0ff;color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:18px;height:100%;justify-content:center;position:absolute;transition:transform 1.5s ease,opacity .3s ease;width:100%}.parallax-card .card-cover{background:#00ffffb3;color:#000;text-align:center;transform:rotateY(0deg)}.parallax-card .card-content{background:#a300ffb3;color:#fff;text-align:center;transform:rotateY(180deg)}.parallax-card.open .card-cover{transform:rotateY(-180deg)}.parallax-card.open .card-content{transform:rotateY(0deg)}.card-content h2.active,.card-content p.active{animation:lightEffect 3s ease-in-out forwards;opacity:0}@keyframes lightEffect{0%{opacity:0;text-shadow:0 0 15px #fffc,0 0 30px #fff9;transform:scale(1)}50%{opacity:1;text-shadow:0 0 20px #fff,0 0 40px #fff;transform:scale(1.1)}to{opacity:1;text-shadow:0 0 15px #fffc,0 0 30px #fff9;transform:scale(1)}}@media (max-width:768px){.parallax-card{width:80%}.parallax-card .card-content,.parallax-card .card-cover{font-size:14px}}.card-cover h2{animation:typewriter 3s steps(30),blinkCursor .75s step-end infinite;border-right:.15em solid #ffffffbf;overflow:hidden;white-space:nowrap}.card-cover p{animation:fadeIn 2s ease-in-out forwards;animation-delay:3s;opacity:0}.neon-button{background:linear-gradient(90deg,#4fb40be6,#50007dcc);border:none;border-radius:8px;box-shadow:0 0 10px #0ffc,0 0 20px #a300ffcc;color:#fff;cursor:pointer;display:inline-block;font-family:Courier New,monospace;font-size:16px;padding:12px 20px;text-align:center;transition:all .3s ease;width:200px}.neon-button:hover{background:linear-gradient(90deg,#a300ffcc,#0ffc);box-shadow:0 0 20px #a300ff,0 0 30px #0ff;transform:scale(1.05)}.neon-button:active{box-shadow:0 0 15px #0ff,0 0 25px #a300ff;transform:scale(.95)}.neon-button:focus{box-shadow:0 0 25px #0ff,0 0 35px #a300ff;outline:none}.button-container{align-items:center;display:flex;gap:10px;justify-content:center}@media (max-width:550px){.neon-button{font-size:14px;padding:10px 16px;width:150px}.button-container{flex-direction:column;gap:20px}}.calender-button{align-items:center;background:#555;border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-family:Courier New,monospace;font-size:16px;margin-bottom:20px;margin-top:20px;padding:10px 15px;transition:background .3s ease}.calender-button:hover{background:#777}.calender-button:active{background:#333}.calender-button:focus{background:#666;outline:none}.calender-button .icon{font-size:18px;margin-right:8px}.neon-button.dark{background:linear-gradient(90deg,#d2300dcc,#50007dcc);box-shadow:0 0 5px #006464cc,0 0 10px #50007dcc}.disclaimer{color:#fff;padding:10px;text-align:center}.graduation-container{align-items:center;background:linear-gradient(135deg,#0d1b2a,#1b263b);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.graduation-card{border-radius:12px;cursor:pointer;height:700px;perspective:1400px;position:relative;transform-style:preserve-3d;width:500px}.graduation-card .graduation-card-content,.graduation-card .graduation-card-cover{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#8b7c4b;border-radius:12px;box-shadow:0 0 25px #ffd70033;color:#1b263b;display:flex;flex-direction:column;font-family:Georgia,serif;font-size:18px;height:100%;justify-content:center;position:absolute;transition:transform 1.5s ease,opacity .3s ease;width:100%}.graduation-card-cover{text-align:center;transform:rotateY(0deg)}.graduation-card-content{text-align:center;transform:rotateY(180deg)}.graduation-card.open .graduation-card-cover{transform:rotateY(-180deg)}.graduation-card.open .graduation-card-content{transform:rotateY(0deg)}.graduation-card-content h2.active,.graduation-card-content p.active{animation:lightEffect 3s ease-in-out forwards;opacity:0}.graduation-card-cover h2{animation:typewriter 3s steps(30),blinkCursor .75s step-end infinite;border-right:.15em solid #1b263b;overflow:hidden;white-space:nowrap}.graduation-card-cover p{animation:fadeIn 2s ease-in-out forwards;animation-delay:3s;opacity:0}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%{border-right-color:#1b263b}to{border-right-color:#0000}}.graduation-button-container{align-items:center;display:flex;gap:10px;justify-content:center}.graduation-neon-button{background:linear-gradient(90deg,#bfa76f,#8b7c4b);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:inline-block;font-family:Georgia,serif;font-size:16px;padding:12px 20px;text-align:center;transition:all .3s ease;width:200px}.graduation-neon-button:hover{background:linear-gradient(90deg,#a58f5a,#6c5c36);transform:scale(1.05)}.graduation-neon-button:active{transform:scale(.95)}.graduation-neon-button:focus{outline:none}.graduation-calender-button{align-items:center;background:#1b263b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Georgia,serif;font-size:16px;margin-bottom:20px;margin-top:20px;padding:10px 15px;transition:background .3s ease}.graduation-calender-button:hover{background:#415a77}.graduation-calender-button:active{background:#0d1b2a}.graduation-calender-button:focus{background:#1f2e44;outline:none}.graduation-calender-button .icon{font-size:18px;margin-right:8px}.graduation-neon-button.dark{background:linear-gradient(90deg,#501616,#3c3c3c);border:1px solid #5c0000;box-shadow:0 0 10px #8b00004d,0 0 20px #3c3c3c4d;color:#fff}.graduation-neon-button.dark:hover{background:linear-gradient(90deg,#a30000,#4a4a4a);box-shadow:0 0 15px #8b000080,0 0 25px #3c3c3c80;transform:scale(1.05)}.graduation-neon-button.dark:active{box-shadow:0 0 10px #8b000066,0 0 20px #3c3c3c66;transform:scale(.95)}.graduation-neon-button.dark:focus{box-shadow:0 0 12px #8b000080,0 0 22px #3c3c3c80;outline:none}.graduation-disclaimer{padding:10px;text-align:center}.paragraphs-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.paragraph{animation:fall 8s linear infinite;color:#ffffff0d;font-size:80px;position:absolute;-webkit-user-select:none;user-select:none}.paragraph.p1{animation-delay:0s;left:5%}.paragraph.p2{animation-delay:2s;left:15%}.paragraph.p3{animation-delay:1s;left:25%}.paragraph.p4{animation-delay:3s;left:35%}.paragraph.p5{animation-delay:.5s;left:45%}.paragraph.p6{animation-delay:1.5s;left:55%}.paragraph.p7{animation-delay:2.5s;left:65%}.paragraph.p8{animation-delay:.3s;left:75%}.paragraph.p9{animation-delay:1.2s;left:85%}.paragraph.p10{animation-delay:2.8s;left:95%}@keyframes fall{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(1turn)}}@media (max-width:768px){.graduation-card{width:80%}.graduation-card .graduation-card-content,.graduation-card .graduation-card-cover{font-size:14px}.graduation-neon-button{font-size:14px;padding:10px 16px;width:150px}}.not-found{align-items:center;animation:fadeIn 2s ease-in-out forwards;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.not-found h1{font-size:6rem;margin:0}.not-found p{animation:fadeIn 2s ease-in-out forwards;animation-delay:0s;font-size:1.5rem;margin:1rem 0;opacity:0}.not-found a{animation:fadeIn 2s ease-in-out forwards;animation-delay:2s;border:1px solid #61dafb;border-radius:5px;box-shadow:0 0 10px #0ffc,0 0 20px #a300ffcc;color:#61dafb;font-size:1.2rem;opacity:0;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s,color .3s}.not-found a:hover{background-color:#61dafb;box-shadow:0 0 20px #a300ff,0 0 30px #0ff;color:#282c34;transform:scale(1.05)}.not-found a:active{box-shadow:0 0 15px #0ff,0 0 25px #a300ff;transform:scale(.95)}.not-found a:focus{box-shadow:0 0 25px #0ff,0 0 35px #a300ff;outline:none}.not-found img{height:auto;margin-bottom:20px;width:150px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.valentine-container{background:radial-gradient(circle at top,#ffccd5,#ff4d6d);height:100vh;overflow:hidden}.valentine-card,.valentine-container{align-items:center;display:flex;justify-content:center;position:relative}.valentine-card{border-radius:12px;cursor:pointer;height:550px;perspective:1400px;width:300px}.valentine-card-content,.valentine-card-cover{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:clamp(14px,4vw,20px);display:flex;flex-direction:column;font-family:Georgia,serif;height:100%;justify-content:center;padding:clamp(20px,5vw,40px);position:absolute;text-align:center;transition:transform 1.3s ease,opacity .8s;width:100%}.valentine-card-cover{background:linear-gradient(135deg,#ff4d6d,#ff8fa3);color:#fff}.valentine-card-content{background:#fff;opacity:0;transform:scale(.5)}.valentine-card.open .valentine-card-content{font-size:14px;opacity:1;transform:scale(1)}.valentine-buttons{display:flex;gap:20px;margin-top:30px;position:relative}.valentine-btn{border:none;border-radius:12px;cursor:pointer;font-size:18px;padding:14px 26px;transition:.3s;z-index:10}.valentine-btn.yes{background:#ff4d6d;color:#fff}.valentine-btn.yes:hover{transform:scale(1.1)}.valentine-btn.no{background:#ddd;position:relative}.valentine-disclaimer{font-size:14px;margin-top:20px;opacity:.6}
/*# sourceMappingURL=main.4d150be5.css.map*/