@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";body{width:100%;overflow-x:hidden;overflow-y:visible;font-size:20px;margin:0}.home-container{background-image:url(/paldex/assets/palworld-chikpi-DFvwFSHY.png);height:100vh;width:100%;display:flex;align-self:center;flex-direction:column;justify-content:center;align-items:center;font-family:Lilita One,sans-serif}.home-container .main-title{font-size:90px;letter-spacing:2px;height:min-content;margin-bottom:32px;color:#fff;-webkit-text-stroke:2px black}.home-container .start-button{font-size:20px;border:none;border-radius:10px;width:10em;height:2.5em;font-family:Lilita One,sans-serif}.home-container .start-button:hover{background-color:#ffa600;cursor:pointer}.home-container .box-container{width:30em;height:15em;border-radius:20px;background-color:#c682c9e0;display:flex;flex-direction:column;align-items:center}.home-container .box-container{opacity:0;transition:opacity 2s ease,transform 2s ease}.home-container .box-container.visible{opacity:1}body{margin:0;font-size:20px;font-family:Lilita One,sans-serif}.cards-section-container{height:100vh;display:flex;flex-direction:column;align-items:center;z-index:1;position:relative}.cards-section-container .input-container{margin-top:3em;margin-bottom:3em;display:flex;justify-content:center;align-items:center}.cards-section-container .search-input{font-family:Lilita One,sans-serif;font-size:20px;border:black 3px solid;border-radius:8px;width:20em;height:2em}.cards-section-container ::placeholder{padding-left:.5em}.cards-section-container .cards-container{width:65%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2em}.cards-section-container .card{color:#fff;background-color:#4d1d4e;position:relative;display:flex;flex-direction:column;width:10em}.cards-section-container .card:after{content:"";position:absolute;left:10em;margin:-20px;width:40px;height:40px;transform:rotate(45deg);background-color:#fff}.cards-section-container .pal-name__container{background-color:#eb98ec;font-size:24px;height:1.8em;display:flex;align-items:center;justify-content:center}.modal-container{font-size:20px;height:30em;width:40%;border-radius:20px;background-color:#c682c9e0;z-index:2;position:fixed;top:20%;right:30%}.modal{height:100%;width:100%;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;padding-top:1.5em}.modal .images-container{display:flex;flex-direction:column;margin:.5em 2em;position:relative}.modal .images-container img{width:9em;background-color:#4d1d4e;padding:1em 1em 0;border:white 2px solid}.modal .close-button{position:absolute;left:92%;top:2%;background-color:#4d1d4e;border:2px white solid;padding:.5em;border-radius:8px;color:#fff;font-size:14px}.modal .text-container{font-size:18px;padding-right:2em}.modal__pal-name{font-size:52px;color:#fff;-webkit-text-stroke:2px black}.modal__skill,.modal__stats{font-size:36px;color:#fff;-webkit-text-stroke:2px black}.modal .work-container{position:absolute;top:100%;height:2em;width:11em;display:flex;z-index:3;justify-content:center;align-items:center;background-color:#4d1d4e;border:white 2px solid}.modal .work-container img{width:30px;height:30px;background:none;padding:0;border:none}