body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Delius,serif;height:100dvh;width:100dvw}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#202223;height:100vh;text-align:center;width:100vw}.start-page{align-items:center;animation:fade 3s ease-out 8s 1 forwards;background-color:#000;bottom:0;color:#f5f5f5;display:flex;flex-direction:column;font-family:monospace;gap:20px;justify-content:center;left:0;margin:auto;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:5}.start-page h1{animation:typing 4s steps(24),blink-caret .75s step-end infinite;border-right:.15em solid orange;font-size:32px;letter-spacing:.1em;margin:0 auto;overflow:hidden;white-space:nowrap}.start-page h3{font-size:24px}.start-page p{font-size:20px}@keyframes fade{0%{display:flex;opacity:1}to{display:none;opacity:0}}@keyframes typing{0%{width:0}to{width:30%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:orange}}@media(max-width:768px){.start-page{height:100dvh;width:100dvw}.start-page h1{font-size:24px}.start-page h3{font-size:20px}.start-page p{font-size:18px;width:80%}}.library{width:100%}.inner,.library{height:100%;position:relative}.inner{display:inline-block;width:auto}.img{height:100%;width:auto}.book{cursor:pointer;position:absolute;transform:translateY(-100%)}.book.profile-book{height:14%;left:56.6%;top:30.7%;width:1.8%}.book.project-book{height:12.9%;left:28.5%;top:78.3%;width:2.5%}.book.glow{animation:glowing 2s ease-in-out infinite forwards;background-color:#0000;box-shadow:0 0 40px 20px #fff,0 0 100px 10px #a9fcfc;opacity:.5}.book.glow2{animation:glowing 3s ease-in-out 1.5s infinite forwards}@keyframes glowing{0%{box-shadow:0 0 10px 0 #fff,0 0 20px 0 #a9fcfc}50%{box-shadow:0 0 20px 10px #fff,0 0 40px 20px #a9fcfc}to{box-shadow:0 0 10px 0 #fff,0 0 20px 0 #a9fcfc}}.bookshelf{align-items:center;display:flex;justify-content:center}.bookshelf,.pointers-div{background-color:#0000;left:0;opacity:1;position:absolute;top:0}.pointers-div{cursor:wait;display:inline-block;height:100%;transition:all .5s ease-in-out;visibility:visible;width:100%}.pointers-div.invisible{opacity:0;visibility:hidden}.pointers-div .bubble{animation:glowing 2s ease-in-out infinite forwards;background-color:hsla(0,0%,100%,.863);border:1px solid #000;border-radius:50%;box-shadow:0 0 40px 20px #fff,0 0 10px 10px #a9fcfce3;left:33%;padding:40px 60px;position:absolute;top:40%;width:fit-content}.pointers-div .bubble.bubble1{left:38%;top:10%}.pointers-div .bubble.bubble1 img{transform:rotateY(180deg) rotate(60deg) translateY(20px)}.pointers-div img{width:100px}.animated-profile-opening{animation:opening-profile-book 2.5s ease-in-out 1 forwards}@keyframes opening-profile-book{0%{left:32%;opacity:0;top:-14%;transform:scaleX(.06) scaleY(.2) rotate(0deg) translate(0)}10%{opacity:1}to{left:50%;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}}.animated-profile-closing{animation:closing-profile-book 3s ease-in-out}@keyframes closing-profile-book{0%{left:50%;opacity:1;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}to{left:50%;opacity:0;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}}.animated-project-opening{animation:opening-project-book 2.5s ease-in-out 1 forwards}@keyframes opening-project-book{0%{left:8%;opacity:0;top:35%;transform:scaleX(.06) scaleY(.2) rotate(0deg) translate(0)}10%{opacity:1}to{left:50%;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}}.animated-project-closing{animation:closing-project-book 3s ease-in-out}@keyframes closing-project-book{0%{left:50%;opacity:1;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}to{left:50%;opacity:0;top:5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}}@media(max-width:900px){@keyframes opening-profile-book{0%{left:13%;opacity:0;top:-35%;transform:scaleX(.06) scaleY(.2) rotate(0deg) translate(0)}10%{opacity:1}to{left:50%;top:-5%;transform:scaleX(1) scaleY(1) rotate(-5deg) translate(-50%)}}}.open-book{align-items:center;background-color:initial;display:flex;height:700px;justify-content:center;width:900px}.page{background:linear-gradient(270deg,#f5d5ac,#faebd7)}.page.cover{background:linear-gradient(270deg,#828562,#3c3e38);color:#faebd7}.page.cover.projects{background:linear-gradient(270deg,#59917e,#2c4e43)}.display-center{box-shadow:-18px 19px 15px 0 #000000bf;height:100%;width:100%}.border,.display-center{align-items:center;display:flex;justify-content:center}.border{border:1px solid #faebd7;height:calc(100% - 80px);margin:40px;width:calc(100% - 80px)}h1{margin-bottom:20px;margin-top:0}h1 u{font-family:Dancing Script,serif;font-size:40px}.pg-num{bottom:1%;right:5%}.pg-num,.put-back{font-size:10px;position:absolute}.put-back{border:1px solid #faebd7;bottom:20px;cursor:pointer;left:50%;padding:10px 15px;transform:translate(-50%)}@media (max-width:900px){.open-book{height:300px;width:600px}.pg-num{font-size:6px}.border{height:calc(100% - 40px);margin:20px;width:calc(100% - 40px)}h1{margin:0 0 5px}h1 u{font-size:19px}.put-back{bottom:10px;font-size:8px}}.page-container{align-items:center;box-shadow:-18px 19px 15px 0 #000000bf;color:#292f2d;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.page-container.no-shadow{box-shadow:none}.page-container h3{margin:16px}.page-container h4{margin-bottom:20px}.page img{width:230px}.ctas{align-items:center;display:flex;gap:10px;justify-content:space-around}.contact-me{border:1px solid #292f2d;cursor:pointer;padding:10px;width:fit-content}.download-cv{background-color:#292f2d;color:#faebd7;text-decoration:none}@media(max-width:900px){.page img{width:65px}h3{font-size:13px}h4{font-size:11px}.ctas a,div{font-size:10px}.contact-me{padding:3px}}.contact-box{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-around;padding:10px 50px;width:80%}.contact-box .each-row{align-items:center;display:flex;justify-content:space-between;width:100%}.contact-box .each-row img{width:20px}.contact-box .each-row a{color:#292f2d;cursor:pointer}@media(max-width:900px){.contact-box{gap:5px;padding:5px 10px;width:80%}.contact-box .each-row img{width:12px}.contact-box .each-row a,.contact-box .each-row p{font-size:9px}}.about-me{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:flex-start}.about-me .overview{box-sizing:border-box;line-height:1.5;padding:0 60px;text-align:left;width:100%}.about-me .overview span{font-weight:700}.full-experience{align-items:flex-start;border-left:2px solid #292f2d;display:flex;flex-direction:column;gap:25px;justify-content:flex-start;margin-left:30px;padding:0 25px}.full-experience .experience-title u{font-size:32px}.full-experience .experience{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.full-experience .experience h3{font-size:17px;margin:0 0 5px;position:relative}.full-experience .experience h3:before{background-color:#292f2d;content:"";display:block;height:15px;left:-33px;position:absolute;rotate:45deg;width:15px}.full-experience .experience p{color:#814834;font-size:14px;font-weight:700;margin-bottom:8px}.full-experience .experience ul{padding-left:20px}.full-experience .experience ul li{font-size:14px;text-align:left}.skills-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.skills{align-items:flex-start;flex-wrap:wrap;gap:30px}.skills,.skills .skill{display:flex;flex-direction:column;justify-content:flex-start}.skills .skill{align-items:normal;gap:6px;height:100%}.skills .skill h4{font-size:15px;margin-bottom:5px;text-align:left}.skills .skill .row{align-items:center;display:flex;gap:10px;justify-content:flex-start}.skills .skill .row div{width:20px}.skills .skill .row p{font-size:12px;text-align:left}.skills .skill .row img{margin:auto;max-height:20px;max-width:20px}.education{text-align:left}.education p{font-size:14px;font-weight:700;margin-bottom:8px}.education p span{color:#814834;font-weight:400}.certifications{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.achievements-card{box-sizing:border-box;padding:0 30px;width:100%}.achievements-card .parchment-holder{height:250px;overflow:hidden;position:relative}.achievements-card .parchment-holder.bottom{animation:fold-open 1.5s ease-in-out forwards;backface-visibility:hidden;border-bottom:1px solid rgba(41,47,45,.137);transform:rotateY(180deg) rotateX(0deg) translateY(-100%);transform-origin:top center}.achievements-card .parchment-holder.bottom h6,.achievements-card .parchment-holder.bottom img,.achievements-card .parchment-holder.bottom p{transform:rotateX(180deg) rotateY(180deg)}.achievements-card .parchment-holder .achieve{align-items:center;display:flex;justify-content:space-evenly;position:absolute;top:40px;width:90%}.achievements-card .parchment-holder .achieve .descript{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.achievements-card .parchment-holder .achieve .descript h6{font-size:14px}.achievements-card .parchment-holder .achieve .descript p{font-size:13px;width:80%}.achievements-card .parchment-holder .achieve .descript p span{font-weight:700}.achievements-card .parchment-holder .achieve img{border-radius:5px;width:130px}.achievements-card .parchment{width:100%}@keyframes fold-open{0%{transform:rotateY(180deg) rotateX(0deg) translateY(-100%)}to{transform:rotateY(180deg) rotateX(180deg) translateY(-100%)}}.details{align-items:center;gap:20px;justify-content:space-evenly;padding:0 50px}.details,.details .deet{display:flex;flex-direction:column;width:100%}.details .deet{align-items:normal;justify-content:flex-start}.details .deet h4{font-size:18px;margin:20px 0 10px}.details .deet .row{align-items:center;display:flex;justify-content:space-between;margin:5px 0 0}.details .deet a,.details .deet p{color:#292f2d;font-size:14px}@media(max-width:900px){.about-me{gap:15px}.about-me .overview{line-height:1.3;padding:0 20px}.about-me .overview,.about-me p{font-size:7px}.experience-title u{font-size:14px}.full-experience{gap:5px;margin-left:10px;padding:0 5px}.full-experience .experience h3{font-size:10px;margin:0 0 2px}.full-experience .experience h3:before{height:5px;left:-9px;width:5px}.full-experience .experience p{font-size:5px;margin-bottom:5px}.full-experience .experience ul{padding-left:10px}.full-experience .experience ul li{font-size:6px;line-height:1.2}.skills-container{gap:3px}.skills,.skills .skill{gap:2px}.skills .skill h4{margin-bottom:5px}.skills .skill h4 u{font-size:7px}.skills .skill .row{gap:5px;line-height:1.1}.skills .skill .row div{width:5px}.skills .skill .row p{font-size:6px}.skills .skill .row img{max-height:5px;max-width:5px}.education p{font-size:7px;margin-bottom:8px}.education p span{font-weight:400}.certifications{gap:5px;padding:0 15px}.achievements-card{padding:0 10px;width:100%}.achievements-card .parchment-holder{height:90px}.achievements-card .parchment-holder .achieve{top:10px;width:90%}.achievements-card .parchment-holder .achieve .descript{gap:5px}.achievements-card .parchment-holder .achieve .descript h6{font-size:8px}.achievements-card .parchment-holder .achieve .descript p{font-size:7px}.achievements-card .parchment-holder .achieve img{width:50px}.details{gap:5px;padding:0 15px}.details .deet h4{font-size:10px;margin:5px 0}.details .deet .row{margin:3px 0 0}.details .deet a,.details .deet p{font-size:7px}}.each-project{align-items:center;color:#292f2d;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:flex-start;padding:50px 40px;width:100%}.each-project.shadow{box-shadow:-18px 19px 15px 0 #000000bf}.each-project.justify-center{justify-content:center}.each-project .project-image{border-radius:5px;scale:1;transition:scale .3s;width:100%}.each-project .project-image.hover:hover{scale:1.7}.each-project .project-image.portrait{width:40%}.each-project .video-container{position:relative}.each-project .video-container video{border-radius:5px;width:50%}.each-project h6{font-size:20px}.each-project p a{color:#292f2d;font-weight:700}.each-project p span{font-weight:700}@media(max-width:900px){.each-project{gap:5px;padding:15px}.each-project .project-image{width:90%}.each-project .project-image.portrait{width:30%}.each-project .video-container video{width:35%}.each-project h6{font-size:10px}.each-project p{font-size:8px}}
/*# sourceMappingURL=main.75ccd43a.css.map*/