:root{--pink: #A14584;--white: #FBFBFB}div{box-sizing:border-box}@keyframes rotateBox{0%{transform:rotate(0)}to{transform:rotate(-15deg)}}@keyframes rotatePen{0%{transform:rotate(-60deg)}to{transform:rotate(-15deg)}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes blankPaper{0%{filter:brightness(100%) invert(0)}to{filter:brightness(0%) invert(1)}}@keyframes erasePaper{0%{background-color:transparent}to{background-color:#fff}}.papers{position:relative}.fakePaper{z-index:1;position:absolute;height:100%;transform:rotate(-15deg)!important}.animateFakePaper{animation:erasePaper .5s ease-in forwards;animation-delay:.7s}.animatePaper{animation:rotateBox .7s ease-in forwards}.animatePen{animation:rotatePen .5s ease-in forwards}.fade{opacity:0;animation:fade .3s ease-in forwards}.title{color:var(--pink);align-self:center;transform:translateY(1rem);margin:0 0 0 auto;font-size:2 rem!important}.pics{transform:rotate(-15deg) scale(.767);width:auto;height:calc(100% / (.56 + .2588) * .975);padding:0}.rotated{transform:rotate(15deg) translateY(10%);position:relative;display:flex;justify-content:center;align-content:center;height:81.65%;width:81.65%;box-sizing:border-box}.button_portfolio{position:absolute;z-index:2;top:40%;left:25%;cursor:pointer}button{background-color:transparent;border:none;color:#598ca6;text-decoration:underline;position:absolute;z-index:2;top:calc(40% + 30px);left:25%;cursor:pointer;font-size:1rem}.pen{height:50%;width:auto;position:absolute;z-index:1;transform:rotate(-60deg) translate(-65%,55%);bottom:0;left:0;aspect-ratio:.2458}.paper img{margin-top:3rem;height:auto;width:100%}.paper{height:100%;width:auto;padding:0;margin:auto;aspect-ratio:.77;transform:rotate(0);transition:transform .3s ease;background-color:var(--white)}.onLoad{animation:fade .7s ease-out forwards reverse}.aboutMe.paper span{opacity:0}.onLoad.text{animation:fade 1s ease-out forwards reverse;animation-delay:.5s}.picContainer{width:100%;height:100%;padding-bottom:13.565%;box-sizing:border-box}.picFrame{width:100%;height:100%;border:1rem solid white;box-sizing:border-box;object-fit:cover}.aboutMe.paper{height:100%;padding:3rem 2rem 2rem;background-color:#fff;transform:rotate(-15deg);box-sizing:border-box}.aboutMe.pen{transform:rotate(-15deg)}.pageInfo{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-bottom:2rem;box-sizing:border-box}.pageInfo div{display:flex;justify-content:space-between;gap:1rem}.pageInfo div a{color:#598ca6}.pageInfo h1{color:#a14584;margin:0}.text{font-size:1rem;line-height:1.5rem}.journal{display:flex;justify-content:center;align-items:center;margin:auto;padding:2rem;box-sizing:border-box}.page{background-color:#fff;width:100%;height:100%;padding:1rem}.page:nth-child(1){border-right:1rem solid #DBE9F0}.page:nth-child(2){border-left:1rem solid #DBE9F0;padding-top:2rem}.page:nth-child(1) div:nth-child(2){display:flex;align-items:center;justify-content:space-between}.page:nth-child(1) div:nth-child(2) h1{color:#598ca6;text-decoration:underline;margin:1rem 0rem}.cover{background-color:#944e4e;display:flex;width:100%;height:100%;padding:1rem}.journal .pageInfo{height:30%;border-bottom:1px dashed lightblue}.journal img{max-width:100%;max-height:100%;margin-top:.5rem}.page:nth-child(2){height:100%;overflow-y:auto}.recentCard .info{max-height:112px;word-wrap:break-word;box-shadow:5px 5px 7px var(--shadow-blue);padding:1rem;transition:transform .3s}.recentCard .info:hover{transform:scale(1.05)}.recentCard h2{font-weight:500!important;font-size:16px;line-height:30px;margin:0;color:var(--black)}.info p{width:100%}.recentCard{margin:1rem;width:320px}@media only screen and (max-width: 600px){.info{border-radius:5px}}html{background-color:#dbe9f0;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-weight:auto;font-style:normal;font-variation-settings:"wdth" 100}body{margin:0}h1{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:700;font-style:normal}.BigGoldenBox{margin:auto;display:grid;grid-template-columns:auto auto;overflow:hidden;background-color:#dbe9f0}.topL,.bottomL,.R{display:flex}.R{justify-content:center}.bottomL{justify-content:center;align-items:center}._journalEntry_73p8w_1{display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:.31rem;text-decoration:none;color:#000;cursor:pointer}._journalEntry_73p8w_1 div div:nth-child(1){display:flex;align-items:center;justify-content:space-between}._journalEntry_73p8w_1 h2{margin:0;display:inline;color:#598ca6;text-decoration:underline}._journalEntry_73p8w_1 li{margin-bottom:.5rem}._journalEntry_73p8w_1 img{width:4rem;height:4rem;object-fit:contain}.articleCard{display:grid;width:230px;height:108px;grid-template-columns:auto auto;box-shadow:4px 4px 5px var(--shadow-blue);align-items:center;gap:.5rem;background-color:#fff;transition:transform .3s;cursor:pointer}.articleCard:hover{transform:scale(1.05)}.articleCard h2{font-size:16px}.articleCard p{font-size:12px}.articleCard .decorativeLine{width:20px;height:100%;background-color:#7acef1}.gallary{grid-template-rows:auto auto auto}.recipeCard{width:230px;height:max-content;display:grid;grid-template-rows:max-content max-content;box-shadow:4px 4px 5px var(--shadow-blue);cursor:pointer;transition:transform .3s;background-color:#fff}.recipeCard:hover{transform:scale(1.05)}.recipeCard img{width:100%;height:110px;object-fit:cover}.decorativeLine{width:20px;height:auto;background-color:#f6e073}.recipeInfo{display:grid;grid-template-columns:auto auto}.recipeInfo h3{font-size:1rem}.recipeInfo p{font-size:.75rem}.recipeText{padding:.5rem}.recipes{display:grid;grid-template-columns:max-content auto;margin-left:2.5625rem;margin-right:2.5625rem}.spotlight{width:500px}.titleDate{display:grid;grid-template-columns:auto auto;padding-top:20px;padding-bottom:20px}.titleDate h2{margin:0}.titleDate div{text-align:right}.spotlight img{width:100%}img{margin:0;padding:0}.gallery{display:grid;width:100%;grid-template-columns:auto auto auto;grid-template-rows:auto auto;margin-top:64px;grid-gap:2rem;justify-content:center}.DotLottieReact{height:100vh;overflow:hidden;background-color:#ffa600}.portfolio-box{margin-top:13px;margin-left:40px;margin-right:40px;display:grid;grid-template-columns:auto auto;height:506px;gap:2rem;justify-content:space-between}.portfolio-info{display:grid;grid-template-columns:26px auto;gap:29px;width:690px;position:relative}.portfolio-content{display:flex;flex-direction:column;height:506px}.portfolio-content p{height:100%;margin-bottom:36px;overflow:auto;position:relative;-ms-overflow-style:none;scrollbar-width:none}.portfolio-content button{box-shadow:0 -10px 40px 20px var(--white)}.portfolio-content p::-webkit-scrollbar{display:none}.portfolio-info button{position:absolute;bottom:0;width:calc(100% - 55px)}.portfolio-heading{display:grid;grid-template-columns:auto auto;align-items:center}.portfolio-heading div{text-align:right}.portfolio-decor-line{width:26px;height:auto;z-index:1000;background-color:var(--green)}.portfolio-additional-info{height:100%}.portfolio-additional-info li{font-size:16px;line-height:28px}.portfolio-additional-info a{color:var(--accent-pink);text-decoration:underline}.portfolio-additional-info h2{margin:0;line-height:48px}.additional-info-content{border-top:15px solid var(--green);display:grid;grid-template-columns:auto auto;height:calc(100% - 48px)}.leftCol{justify-self:center;justify-items:center;display:grid;grid-template-rows:max-content auto;gap:1rem;padding:1.6875rem}.leftCol img{transition:transform .3s}.leftCol img:hover{cursor:pointer;transform:scale(1.05)}.rightCol{background-color:var(--green);padding:1rem}.portfolio-demo{width:100%;height:506px;align-items:center;justify-content:center;padding-top:2rem;flex-direction:column}.portfolio-demo video{width:50%;height:auto;margin-bottom:1rem}.portfolio-demo button{width:50%}.takeAction{display:flex;flex-direction:column}.takeAction h1{margin-left:0}.takeAction .projectTitle{display:flex;align-items:center;gap:1rem}.takeAction video{max-width:100%;max-height:100svh;object-fit:contain}.takeAction .info{width:50%;min-width:500px}.takeAction .textContainer{padding:1rem}.takeAction a{display:inline-block;text-decoration:none;color:#000;background-color:#fff;padding:.5rem;border-radius:5px;margin:.5rem 0rem;box-sizing:border-box;transition:font-weight .2s ease}.takeAction a:hover{color:var(--pink);font-weight:700}@media only screen and (max-width: 600px){.takeAction .info{width:100%;min-width:none}}
