:root{display:flex;width:100vw;height:auto;align-items:center;justify-content:center;scroll-padding-right:20px;scrollbar-color:rgba(0,255,136,.247) #222;scrollbar-width:thin;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:normal}.background__content{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;z-index:-1;pointer-events:none}.background__content img{flex:1 0 20%;height:100vh;object-fit:cover}.main__content{display:flex;flex-direction:column;position:relative;z-index:1;background-color:#fff;margin:0;width:300px;height:auto;justify-content:center;align-items:center;padding:0 0 15px}@media (max-width:700px){.background__content{flex-wrap:nowrap}}.LinkButtom{position:relative;width:200px;height:50px;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1;transition:transform .25s ease-in-out;color:#fff;border-radius:3px;object-fit:contain}.LinkButtom:before{content:"";position:absolute;top:0;left:0%;width:100%;height:100%;background:linear-gradient(90deg,#ff0000fd,#f90,#ff0,#3f0,#0ff,#30f,#f0f,red);background-size:200% 100%;animation:rgbAlive 6s linear infinite alternate;opacity:0;z-index:0;transition:opacity .5s ease-in-out}.LinkButtom:hover:before{opacity:1;border-radius:3px}.LinkButtom:hover{transform:scale(1.05);color:#fff;border-radius:3px}.LinkButtom *{position:relative;z-index:2}@keyframes rgbAlive{0%{background-position:0% 0%}to{background-position:-100% 0%}}.LinkButtom>a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;text-decoration:none;font-weight:500;width:100%;height:100%}.LinkButtom__icon{margin-right:5px}.Profile{justify-content:center;align-items:center;align-content:center;text-align:center;margin-top:10%;width:200px}.Profile>img{width:100px;height:100px;overflow:hidden;border-radius:3rem}.Nav__link{display:flex;flex-direction:column;gap:10px}.LinkDivContainer{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%;height:100%;gap:20px;justify-content:center;background-color:#c8ffe9;padding:10px;border-radius:.5rem}.LinkDivContainer__img{position:relative;width:100%;height:100%}.LinkDivContainer__img>img{width:100%;height:100%}.LinkDivHeader{display:flex;position:absolute;color:#fff;justify-content:center;align-items:center;top:35%;left:5%;font-size:3rem;text-align:center;padding:5px}.modal-overlay{position:fixed;display:flex;z-index:10;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;transition:transform .3s ease;flex-direction:column;justify-content:center;align-items:center;text-align:center}.modal-container{background-color:#fff;width:90%;max-width:500px;max-height:95vh;border-radius:5px;padding:0;transform:translate(0);transition:transform .3s ease;overflow-y:auto}.modal-content{display:flex;flex-direction:column;text-wrap:wrap;overflow-x:hidden;overflow-y:auto;padding:20px}.modal-btn{position:absolute;top:10px;right:10px;border:none;font-size:1.5rem;cursor:pointer}.ImgContainer{width:300px;height:500px;filter:brightness(.5) contrast(100%) hue-rotate(90deg);transition:filter .5s ease-in}.ImgContainer:hover{filter:none}