@import"https://fonts.googleapis.com/css2?family=Electrolize&family=Oxanium:wght@200..800&family=Ysabeau+Office:ital,wght@0,1..1000;1,1..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Oxanium,serif;font-optical-sizing:auto;font-weight:700}:root{--color-word: #225799;--color-excel: #1b7245;--color-ppoint: #d14727;--color-error: #F60000;--color-black: #000000;--color-blackAlpha: #00000050;--color-white: #ffffff;--color-whiteAlpha: #ffffff50;--color-gray: #999999;--color-grayAlpha: #99999950}.navbar_container{padding:10px;display:flex;flex-direction:column;justify-content:center;width:100%;height:150px;text-align:center;transition:background-color .3s ease}.fa__icon__home a{display:flex;position:absolute;align-self:flex-start;margin-left:20px;font-size:2rem;width:30px;color:var(--color-gray)}.fa__icon__home a:hover{color:var(--color-black);filter:drop-shadow(0 0 10px var(--color-black));text-decoration:none}.navbar_container.word{background-color:var(--color-word)}.navbar_container.excel{background-color:var(--color-excel)}.navbar_container.ppoint{background-color:var(--color-ppoint)}.navbar_container h1{color:var(--color-white)}.navbar_container.default .title h1{color:var(--color-gray)}.navbar{margin-top:10px}.navbar a{margin:0 10px;text-decoration:none;color:var(--color-gray);font-weight:700;transition:color .3s ease}.navbar a:hover{color:var(--color-black)}.navbar a.active{color:var(--color-white);text-shadow:0 0 10px var(--color-white)}.footer__content{display:flex;justify-content:center;color:var(--color-white);transition:background-color .3s ease;padding:10px}.footer__links{display:flex;gap:10px;padding-left:10px}.footer__content.word{background-color:var(--color-word)}.footer__content.excel{background-color:var(--color-excel)}.footer__content.ppoint{background-color:var(--color-ppoint)}.footer__content p{color:var(--color-white);font-size:1.2rem}.footer__content.default p{color:var(--color-gray)}.footer__links a{font-size:1.4rem;color:var(--color-gray);transition:color .3s ease}.footer__links a:hover{color:var(--color-black)}.home__container{padding:20px;line-height:1.6}.presentation h1{font-size:2.5rem;margin-bottom:10px}.presentation p{font-size:1.7rem;padding:30px 0}.rainbow__text{font-size:3rem;font-weight:700;text-align:center;margin:20px 0;background:linear-gradient(90deg,var(--color-word),var(--color-ppoint),var(--color-excel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-animation 3s infinite}@keyframes rainbow-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.projects{margin-top:40px;text-align:center;padding:20px}.projects h1{font-size:2rem;margin-bottom:10px}.projects h2{font-size:1.8rem}.projects p{font-size:1.7rem;padding:30px}.project__link span{display:inline-block;padding:10px 20px;border:1px solid #3380e9;color:var(--color-gray);font-weight:700;border-radius:50px;transition:background-color .3s ease;text-decoration:none}.project__link span:hover{background-color:#3380e9;color:var(--color-white)}.content__office{height:100vh}.cards__container{margin:20px auto;max-width:1200px;text-align:center;padding:10px}.cards__title{font-size:2rem;color:var(--color-black);margin-bottom:20px}.cards__list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.card{background-color:var(--color-grayAlpha);border:1px solid var(--color-gray);border-radius:8px;padding:15px;width:300px;max-width:100%;text-align:center;display:flex;flex-direction:column;font-weight:700;color:var(--color-black);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);background-color:var(--color-whiteAlpha);box-shadow:0 0 10px var(--color-blackAlpha)}.card__link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;margin-top:10px;margin-left:0;width:50px;background:transparent;color:var(--color-gray);text-decoration:none;transition:color .3s ease}.card__link.word{color:var(--color-word);filter:drop-shadow(0 0 10px var(--color-word))}.card__link.excel{color:var(--color-excel);filter:drop-shadow(0 0 10px var(--color-excel))}.card__link.ppoint{color:var(--color-ppoint);filter:drop-shadow(0 0 10px var(--color-ppoint))}.card__link:hover{color:var(--color-black)}@media (max-width: 768px){.cards__list{gap:10px}.card{width:90%;font-size:.9rem;padding:15px}}@media (max-width: 480px){.cards__title{font-size:1.5rem}.card{font-size:.8rem}.card__link{font-size:1rem}}.error__page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;font-weight:700}.error__page h1{font-size:5rem;color:var(--color-error)}.error__page p{margin:10px 0}.error__page a{font-size:2rem;color:var(--color-gray);text-decoration:none}.error__page a:hover{text-decoration:underline;color:var(--color-black)}