#bookshelf-container{position:relative;bottom:0;width:100%;height:900px;display:flex;justify-content:center;align-items:flex-end}#bookshelf{position:absolute;bottom:0;display:flex;align-items:flex-end;width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}#bookshelf::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch}.books{display:flex;justify-content:center;margin:15px;background-color:#c59fc9;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-size:1em;border-radius:10px;transition:min-width .6s cubic-bezier(.39,.58,.57,1),max-width .6s cubic-bezier(.39,.58,.57,1);min-height:var(--initial-height);max-height:var(--initial-height)}.atBottom{opacity:1;animation:growAnimation 2s forwards;animation-delay:var(--animation-delay)}@keyframes growAnimation{0%{min-height:var(--initial-height);max-height:var(--initial-height)}50%{min-height:var(--intermediate-height);max-height:var(--intermediate-height)}to{min-height:var(--final-height);max-height:var(--final-height)}}.books p{font-size:.75em;width:85%;flex-grow:0;flex-shrink:0;margin:0}.selected{display:flex;flex-direction:column}.fade-in-text{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards;animation-delay:.6s}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.book-title{position:absolute;bottom:20px;font-size:1em;margin:0;padding:20px;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1}.book-type{display:flex;justify-content:center;text-align:center;font-size:.75em;padding:15px 0 0;-webkit-user-select:none;user-select:none;pointer-events:none}.book-title-at-bottom-fade-in{opacity:0;animation:fade-in-title 1s ease-in-out var(--fade-in-delay-for-title) forwards}@keyframes fade-in-title{0%{opacity:0}to{opacity:1}}.book-title-selected{font-size:2em;padding:1em 5px 0;text-align:center}.book-button{background-color:var(--text-color);color:var(--primary-color);border:none;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:2em 2px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.book-button:hover{background-color:var(--company-color);transform:scale(1.1)}.book-button:active{background-color:#3e8e41}.book-button-link{margin:0;padding:0;display:flex;justify-content:center;align-items:center}.tags{display:flex;flex-direction:column;align-content:center;flex-grow:1;padding:1.5em 0 0;flex-wrap:wrap}#author{padding:.5em 0 0;font-weight:200;text-align:center;margin:auto}#description{padding:1em 0 0;text-align:left;margin:auto}#bookshelf-main-title{margin:0 0 0 2em;flex-direction:row}.home{background-color:var(--primary-color)}.home h1{display:flex;align-items:center;flex-direction:column;margin:0 0 .25em;color:#363535;font-size:2em;font-weight:300;font-family:Maharlika,sans-serif}.home hr{border:0;height:.5px;background-color:#363535}.home h3{display:flex;align-items:center;flex-direction:column;margin:0;color:#363535;font-weight:100}.name{position:absolute;top:29vh;left:40vw;width:48vw;font-size:clamp(2vh,1.4vw,1000px)}.name h3,.name h1{display:flex;align-items:flex-start;flex-direction:column;margin:0 0 0 5px;letter-spacing:.5em}#personal-image{position:absolute;top:40vh;left:68vw;height:20vw;width:20vw;object-fit:cover;object-position:10% 10%;clip-path:circle(10vw at center)}.logoSpacer{display:flex;margin:0 0 120vh}.logo{margin:0;z-index:0;font-family:Maharlika,sans-serif;color:#dbb392;font-size:clamp(18vw,350%,80vh)}#b{position:absolute;top:20vh;left:8vw}#w{position:absolute;top:-9vh;left:26vw}@media (max-width: 1153px){.logo{font-size:45vw}#b{top:12%;left:8%}#w{top:7%;left:30%}}.notScrolled{opacity:0;animation:fade-in 1s ease-in-out 3s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:.75}}.arrow{margin-top:4px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;animation:bounce 1s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0) rotate(45deg)}to{transform:translateY(-5px) rotate(45deg)}}.scrolled{opacity:.75;transition:fade-out 1s ease;animation:fade-out .5s ease forwards}@keyframes fade-out{0%{opacity:.75}to{opacity:0}}.scrollDownContainer{position:absolute;top:75vh;left:50%;transform:translate(-50%);margin:0}.scrollDown{display:flex;align-items:center;flex-direction:column;color:#363535}.project-details{background-color:#ede4db;min-height:100vh}.why-you-section{position:relative;text-align:center;height:100vh;display:flex;justify-content:space-evenly;flex-direction:column}.why-you-section h2{font-size:2.5rem;margin:0 20px;text-align:left}.why-you-section img{height:10vw;width:auto;margin:0 0 0 5vw}.why-you-container{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto}@media (max-width: 1120){.why-you-container{flex-direction:column;align-items:center}}.custom-company{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.logo-column{flex:1;text-align:center}.company-logo{max-width:100%;height:auto;max-height:150px}.content-column{flex:1;margin:0 10px;text-align:left;transition:transform 1s ease}.content-column:hover{transform:scale(1.05)}.content-column h3{font-size:2rem;margin-bottom:10px}.content-column p,.content-column ul{font-size:1.5rem;line-height:1.6;margin:0 10px;text-indent:3vw}.content-column ul{list-style-type:disc;padding-left:20px}.separator{width:.5px;background:var(--primary-color);height:45vh;margin:0 20px}.custom-company img{filter:grayscale(100%)}#background-company-logo{margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);filter:grayscale(100%);object-fit:cover}#why-you-section-title{margin:0 0 0 3vw;font-size:3em;position:relative}.about-container{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;max-width:80vw;margin:0 auto}.about-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;width:100%}.text-section{flex:1;width:auto;text-align:left}.text-section p{font-size:1.2rem;margin-bottom:2rem}.skills{display:flex;flex-direction:column;gap:2rem}.skill-list{display:flex;flex-direction:column}.skill-list h3{font-size:1.3rem;margin-bottom:1rem}.skill-list ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%;height:100%}.skill-list ul li{font-size:1.1rem}.image-section{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.profile-image{height:60vw;width:40vw;border-radius:2%;object-fit:cover;object-position:10% 10%}.social-icons{display:flex;justify-content:center}.social-icons a{text-decoration:none;color:#000}.social-icons a:hover{background-color:var(--secondary-color);border-radius:10px}#leetcode-icon{height:33px}@media (max-width: 768px){.about-content{flex-direction:column;align-items:center}.text-section{text-align:center;max-width:100%}.social-icons{gap:1rem}}#career-summary{text-indent:3vw}#wins-title{font-weight:1000}#wins-list{font-weight:200}.accordion-container{width:100%;max-width:800px;margin:0 auto;border-radius:8px}.accordion-item{margin-bottom:10px;border-radius:8px;overflow:hidden}.accordion-title{padding:15px;background-color:var(--secondary-color);color:var(--text-color);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .3s ease;text-transform:uppercase;letter-spacing:1px;border-radius:8px 8px 0 0}.accordion-title:hover{background-color:var(--company-color)}.accordion-content{display:block;font-size:14px;color:var(--text-color);max-height:0;opacity:0;overflow:hidden;border-radius:0 0 8px 8px;transition:max-height 1s ease,opacity .01s ease}.accordion-content.show{max-height:500px;opacity:1}.accordion-content ul{list-style:none;padding-left:0}.accordion-content li{padding:8px 0;border-bottom:1px solid #ddd}.accordion-content li:last-child{border-bottom:none}.accordion-item.active .accordion-content{max-height:500px;opacity:1}@media (max-width: 600px){.accordion-title{font-size:14px;padding:12px}.accordion-content{padding:12px;font-size:12px}}.chat-helper{position:fixed;bottom:30px;right:40px;display:flex;gap:10px;opacity:1;pointer-events:all;transition:opacity 1.5s ease}.invisible{opacity:0;pointer-events:none}.circle{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:var(--secondary-color);transition:all .3s ease;cursor:pointer;overflow:hidden;border:.5px solid var(--text-color)}.circle:hover{border-radius:10px;width:120px;height:50px}.circle-text{font-size:16px;color:var(--text-color);font-weight:700;font-family:Maharlika,sans-serif;margin:0;padding:0}.circle:hover .circle-text{opacity:1}.about{background-color:#ede4db;min-height:100vh;margin:0}.about p,.about h3{display:flex;align-items:center;justify-content:center;text-align:center;color:#363535}.personalStatement,.dollyGrayBio{margin:0 4em 0 3em}.personalStatement img{overflow:hidden;border-radius:50%}#error-response{display:flex;align-items:flex-start;justify-content:center;font-size:3vh;text-align:center;margin:0 5vw;padding:0}#error-seperator{height:100vh;width:100vw;background-color:var(--primary-color)}#error-image{width:100vw;height:auto;margin-top:10vh}main{min-height:90vh}.clue{margin:0 auto 0 0;max-width:100%}.scavenger-hunt{max-width:600px;margin:0vh auto 0;padding:20px;text-align:center}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-input{flex:1;padding:10px;font-size:16px}.search-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px}.search-button:hover{background-color:#45a049}.error{color:red;margin-bottom:20px}.clue-display{background-color:#fff;padding:20px;border-radius:5px;min-height:100px}.clue{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;scrollbar-width:none;font-family:Oswald,sans-serif}::-webkit-scrollbar{width:0}.app{background:#ede4db;display:flex;flex-direction:column}h2{color:var(--text-color)}nav{display:flex;align-items:center;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}main{flex:1}a{display:inline-block;text-decoration:none;color:#363535;margin:.5em;padding:.5em;font-size:1.5em}a.active{color:#fff}.center{position:relative;display:flex;flex-direction:column;justify-content:center;font-size:26px;height:100%}.footerDesign{margin-top:auto;display:flex;align-items:flex-end;width:100%;-ms-overflow-style:none;padding:0;margin-bottom:0}.footerBlock{display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;margin:15px 15px 0;background-color:#c59fc9;border-radius:10px 10px 0 0;padding:0}.nominations{background-color:#ede4db;min-height:100vh}.award-intro h1{text-align:center;margin:50px;font-size:26px;font-weight:600}.book-filter{display:flex;justify-content:space-evenly;background-color:var(--secondary-blue);width:325px;margin:auto;padding:10px;border-radius:10px;transition:all .3s ease-in-out}.book-filter button{background:none;border:none;font-size:24px}.book-filter button:hover{color:#fff;cursor:pointer}.book-filter button.active{color:#fff}.book-grid{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-around}.book-grid a{text-decoration:none;color:#000}.nominee-book{box-sizing:border-box;padding:10px;text-align:center;flex:0 0 30%;margin-bottom:20px}.nominee-book img{max-width:100%;height:auto;cursor:pointer}.nominee-book h3{margin:10px 0}.contact{background-color:#97dbd2;height:100vh}:root{--primary-color: #ede4db;--secondary-color: #dbb392;--text-color: #363535;--company-color: #4C6F49}