:root{--color_dark_background:#191d22;--color_primary:#2a2f35;--color_orange:#ffa657;--color_blue:#a5d6ff;--color_red:#ff7b72;--color_white:#e6edf3;--color_purple:#d2a8ff;--font_primary:Menlo,Monaco,"Courier New",monospace;--header_height:4rem}.header{width:100%;height:auto;background-color:var(--color_primary);color:var(--color_dark_background);position:fixed;top:0;z-index:99}.links{display:flex;justify-content:space-around;align-items:center;list-style-type:none;padding:0;margin:0}.link{text-decoration:none;font-size:1.1rem;font-weight:600;padding:4px;color:var(--color_white)}.link:hover{color:var(--color_blue)}.link.active{border-bottom:2px solid red}.profile{display:flex;justify-content:space-between;align-items:center;width:13rem;gap:8px}.profile__image{border-radius:50%;border:6px solid #a2b728}.profile__link:focus{border-bottom:none}@media (max-width:768px){.remaining_links{display:flex;flex-direction:column;gap:8px;list-style-type:none;margin-left:48px;overflow:hidden;max-height:0;padding:0 8px 8px;transition:max-height .5s ease-in-out,padding-top .5s ease-in-out}.remaining_links.open{max-height:300px;padding-top:1rem}}.footer{background-color:var(--color_primary);color:var(--color_dark_background);position:fixed;bottom:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center;padding:8px 0;gap:10rem}@media (max-width:768px){.footer{gap:5rem}}.card{min-height:100px;min-width:300px;background-color:var(--color_primary);color:var(--color_white);overflow:hidden;display:flex;flex-direction:column;padding:0;box-shadow:0 22px 70px 1px #8da7bd}.button,.card{border-radius:8px}.button{height:3rem;width:200px;background-color:var(--color_blue);border:none;cursor:pointer}.button:not([disabled]):hover{background-color:var(--color_primary);color:var(--color_white)}.button:disabled{cursor:not-allowed}.carousel{display:flex;justify-content:center;align-items:center;gap:2rem}.carousel .left__button,.carousel .right__button{background-color:transparent;color:var(--color_blue);font-size:32px;width:50px}.carousel .left__button:hover,.carousel .right__button:hover{background-color:transparent;color:var(--color_blue);color:var(--color_white)}@media (max-width:768px){.carousel{font-size:14px;flex-direction:column;gap:4px}.left__button,.right__button{transform:rotate(90deg)}}.skeleton{position:relative;overflow:hidden;border-radius:8px}.skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.homepage{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.aboutMe{font-weight:600;font-size:2em;width:800px;min-height:400px;margin-top:5rem}@keyframes appear{0%{opacity:0}to{opacity:1}}.buttons{display:flex;justify-content:space-between;align-items:center;width:800px;margin-top:5rem;animation:appear 1s ease-in-out 0s 1 normal none}.buttons>div{transition:transform .5s ease-in-out}.buttons>div:hover{transform:scale(1.25)}@media (max-width:768px){.aboutMe{font-size:1rem;min-height:0;height:160px;width:auto;padding:1.5rem}.buttons{flex-direction:column;width:auto;gap:1rem}}.projects__wrapper{position:relative;top:200px}.projects__card{width:500px;height:300px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color_dark_background)}.project__title{padding:1rem;text-align:center;background-color:var(--color_primary);font-weight:600;font-size:18px}.project__body{padding:1rem;height:100%;color:var(--color_white)}.project__footer{gap:1rem;margin:1rem}.project__footer,.project__footer .cta{display:flex;justify-content:center;align-items:center}.project__footer .cta{gap:8px}@media (max-width:768px){.projects__wrapper{top:150px}.projects__card{width:300px;height:auto}.project__footer{flex-direction:column}}.experience__wrapper{display:flex;flex-direction:column;gap:3rem;margin:4rem;align-items:center}.techstack{display:flex;justify-content:space-around;flex-wrap:wrap;gap:3rem}.tech{display:inline-block;cursor:pointer}.tech__text{background-color:var(--color_primary);display:none;width:auto;height:auto;padding:8px 20px 8px 8px;border-radius:4px;text-align:center;position:absolute;margin-left:-2rem;margin-top:4px;z-index:1}.tech:hover .tech__text{display:block}.triangle{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color_primary);transform:rotate(90deg);position:relative;bottom:36px;left:40px}.experience__card{background-color:var(--color_dark_background);height:250px;width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.experience__card a{color:var(--color_white)}.experience__card a:hover{color:var(--color_blue)}.experience__card .view-experience{width:150px}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;height:500px;width:500px}.modal .card{animation:appear .5s linear 0s 1 normal none;height:100%;width:100%;padding:1.5rem;line-height:24px;background-color:var(--color_dark_background);overflow:scroll;.close__btn{float:right;cursor:pointer;margin-botton:1rem;position:relative;bottom:10px;left:10px}.close__btn,.close__btn:hover{color:var(--color_white)}.title{font-weight:600;font-size:20px}.point{margin:18px 0}}.backDrop{z-index:0;position:absolute;opacity:.5;background-color:var(--color_primary);height:100%;width:100%}@media (max-width:768px){.modal{width:350px}.modal .card{width:80%}}.education__wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;padding:5rem}.education__card{background-color:var(--color_dark_background);color:var(--color_white);display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:1rem}.contact__page{>h2{text-align:center;margin-top:5rem}}.contact__card{margin-top:7%;padding:2rem;width:800px}.contact__form{display:flex;flex-direction:column;align-items:center;gap:2rem;.email__input-wrapper,.message__input-wrapper,.name__input-wrapper{display:flex;flex-direction:column;gap:8px;width:400px}.email__input,.message__input,.name__input{height:2rem;display:inline-block;border-radius:4px;border:.5px solid grey}.submit__button{width:200px}.submit__button:hover{background:#0c7ddb}.message__input{height:100px;width:100%}}body{background-color:var(--color_dark_background);color:var(--color_white);font-family:var(--font_primary);display:flex;flex-direction:column}.children{position:relative;top:var(--header_height);height:auto;width:100%;display:flex;justify-content:center;align-items:flex-start}a{text-decoration:none}