.layre-page#home .layre-page__background{background-image:url(/dev/backgrounds/LayreBackgroundLight.svg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:calc(100vh + 420px);position:absolute}@media (prefers-color-scheme:dark){.layre-page#home .layre-page__background{background-image:url(/dev/backgrounds/LayreBackgroundDark.svg)}}.layre-page#home .layre-page__background{z-index:-1}.layre-page#home .layre-page__start{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 60px);display:flex}.layre-page#home .layre-page__start .lolText{color:#fff;background:#0000000d;border-radius:5px;padding:.25rem .5rem;font-size:.8rem;position:relative;bottom:50px}.layre-page#home .layre-page__sections{min-height:500px;display:flex;position:relative}.layre-page#home .layre-page__sections .layre-page__gradient-left,.layre-page#home .layre-page__sections .layre-page__gradient-right{background:linear-gradient(to bottom,rgba(var(--layre-light-main-background),0),rgba(var(--layre-light-main-background),.95),rgba(var(--layre-light-main-background),1));flex-grow:1;width:100%;max-height:500px;display:block}@media (prefers-color-scheme:dark){.layre-page#home .layre-page__sections .layre-page__gradient-left,.layre-page#home .layre-page__sections .layre-page__gradient-right{background:linear-gradient(to bottom,rgba(var(--layre-dark-main-background),0%),rgba(var(--layre-dark-main-background),100%))}}@media (max-width:840px){.layre-page#home .layre-page__sections .layre-page__gradient-left,.layre-page#home .layre-page__sections .layre-page__gradient-right{display:none}}.layre-page#home .layre-page__sections .layre-page__sections__content{background-color:rgb(var(--layre-light-main-background));width:80vw;height:100%;min-height:500px;color:rgb(var(--layre-light-main-foreground));border-radius:10px 10px 0 0;flex-direction:column;flex-grow:2;align-items:center;display:flex}@media (prefers-color-scheme:dark){.layre-page#home .layre-page__sections .layre-page__sections__content{background-color:rgb(var(--layre-dark-main-background));color:rgb(var(--layre-dark-main-foreground))}}@media (min-width:840px){.layre-page#home .layre-page__sections .layre-page__sections__content{max-width:var(--layre-content-max-width)}}@media (max-width:840px){.layre-page#home .layre-page__sections .layre-page__sections__content{border-radius:0;width:100vw}}
.layre-page__sectioncontent{width:calc(100% - 3rem);max-width:var(--layre-content-max-width);padding:1.5rem;display:flex}@media (max-width:840px){.layre-page__sectioncontent h1{text-align:center;width:100%}}@media (max-width:840px){.layre-page__sectioncontent.section-1{flex-direction:column;align-items:center}}.layre-page__sectioncontent.section-1{justify-content:center}.layre-page__sectioncontent.section-1 .layre-page__section-1__image{-webkit-user-select:none;user-select:none;pointer-events:none}.layre-page__sectioncontent.section-1 .text{padding:10px}.layre-page__sectioncontent.section-1 .text h1,.layre-page__sectioncontent.section-1 .text p{margin:0}.layre-page__sectioncontent.section-1 .text p{margin-top:10px}.layre-page__sectioncontent.section-2{flex-direction:column;align-items:center}.layre-page__sectioncontent.section-2 .intr{border-radius:5px;width:100%;height:37.5px;position:relative;overflow-x:hidden}.layre-page__sectioncontent.section-2 .layre-page__interests,.layre-page__sectioncontent.section-2 .layre-page__interests2{grid-template-columns:repeat(var(--interests-count),200px);grid-gap:10px;gap:10px;width:100%;display:grid;position:absolute;top:0;overflow:hidden}:is(.layre-page__sectioncontent.section-2 .layre-page__interests,.layre-page__sectioncontent.section-2 .layre-page__interests2) .interest{background:linear-gradient(0deg,rgb(var(--layre-light-gradient-start)),rgb(var(--layre-light-gradient-end)));text-align:center;color:rgb(var(--layre-light-main-background));pointer-event:none;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;height:37.5px;padding:0 .5rem;font-weight:700;display:flex}@media (prefers-color-scheme:dark){:is(.layre-page__sectioncontent.section-2 .layre-page__interests,.layre-page__sectioncontent.section-2 .layre-page__interests2) .interest{background:linear-gradient(0deg,rgb(var(--layre-dark-gradient-start)),rgb(var(--layre-dark-gradient-end)))}}.layre-page__sectioncontent.section-2 .layre-page__interests .interest{animation:40s linear infinite horizontalScroll}.layre-page__sectioncontent.section-2 .layre-page__interests2 .interest{animation:40s linear infinite horizontalScroll2}.layre-page__sectioncontent.section-3{flex-wrap:wrap;justify-content:center;gap:20px}.layre-page__sectioncontent.section-3 a{border-radius:10px;transition:all .25s;position:relative}.layre-page__sectioncontent.section-3 a:before{content:"";z-index:-1;opacity:0;background:linear-gradient(to right,rgba(var(--layre-light-gradient-start),1),rgba(var(--layre-light-gradient-end),1));border-radius:10px;margin:-4px -4px -1px;transition:all .25s;position:absolute;inset:0;transform:scale(.9)}@media (prefers-color-scheme:dark){.layre-page__sectioncontent.section-3 a:before{background:linear-gradient(to right,rgba(var(--layre-dark-gradient-start),1),rgba(var(--layre-dark-gradient-end),1))}}.layre-page__sectioncontent.section-3 a img{border-radius:10px}@media (max-width:1210px){.layre-page__sectioncontent.section-3 a img{width:130px;height:130px}}.layre-page__sectioncontent.section-3 a .titleCover{text-align:center;color:#fff;z-index:10;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border-radius:10px;justify-content:center;align-items:center;width:175px;height:175px;transition:all .25s;display:flex;position:absolute}@media (max-width:1210px){.layre-page__sectioncontent.section-3 a .titleCover{width:130px;height:130px}}.layre-page__sectioncontent.section-3 a .titleCover span{opacity:.9;max-width:150px;transition:all .25s;transform:scale(1.25)}@media (max-width:1210px){.layre-page__sectioncontent.section-3 a .titleCover span{max-width:100px}}.layre-page__sectioncontent.section-3 a .titleCover span .bold{opacity:1;font-size:1em;font-weight:700}.layre-page__sectioncontent.section-3 a .titleCover span .sub{font-size:.8em}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-3 a:hover{transform:scale(1.05)}.layre-page__sectioncontent.section-3 a:hover .titleCover{opacity:1}.layre-page__sectioncontent.section-3 a:hover .titleCover span{transform:scale(1)}.layre-page__sectioncontent.section-3 a:hover:before{opacity:1;border-radius:14px;transform:scale(1)}}.layre-page__sectioncontent.section-3 a:active{transform:scale(1.01)}.layre-page__sectioncontent.section-3 a:active .titleCover span{transform:scale(.99)}.layre-page__sectioncontent.section-3-5{flex-direction:column;align-items:center}.layre-page__sectioncontent.section-3-5 .tools{flex-direction:row;justify-content:center;gap:15px;display:flex}@media (max-width:1210px){.layre-page__sectioncontent.section-3-5 .tools{flex-direction:column;align-items:center}.layre-page__sectioncontent.section-3-5 .tools .tool{width:90%!important}}.layre-page__sectioncontent.section-3-5 .tools .tool{color:#fff;z-index:0;border-radius:10px;width:250px;padding:.75rem 1.5rem;transition:all .25s;position:relative;overflow:hidden}.layre-page__sectioncontent.section-3-5 .tools .tool i{margin-left:0;margin-right:5px}.layre-page__sectioncontent.section-3-5 .tools .tool i:before{text-align:center}.layre-page__sectioncontent.section-3-5 .tools .tool:before{content:"";background-image:var(--tool-bg-image);z-index:-1;filter:blur(2px);background-size:cover;width:100%;height:100%;transition:all .25s;display:block;position:absolute;top:0;left:0;transform:scale(1.1)}.layre-page__sectioncontent.section-3-5 .tools .tool.darkenbg:before{filter:blur(2px)brightness(.5)}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-3-5 .tools .tool:hover{cursor:pointer;transform:scale(1.05)}.layre-page__sectioncontent.section-3-5 .tools .tool:hover:before{filter:blur(6px)brightness(.75);transform:scale(1.3)}.layre-page__sectioncontent.section-3-5 .tools .tool.darkenbg:hover:before{filter:blur(6px)brightness(.25);transform:scale(1.3)}}.layre-page__sectioncontent.section-3-5 .tools .tool:active{transform:scale(1.025)}.layre-page__sectioncontent.section-4{flex-direction:column;align-items:center}.layre-page__sectioncontent.section-4 .music-pages{flex-direction:row;justify-content:center;gap:20px;display:flex}@media (max-width:840px){.layre-page__sectioncontent.section-4 .music-pages{flex-direction:column;align-items:center}}.layre-page__sectioncontent.section-4 .music-pages a{color:#fff;border-radius:10px;width:100%;max-width:550px;padding:.5rem;text-decoration:none;transition:all .25s;display:block}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-4 .music-pages a:hover{transform:scale(1.025)}}@media (prefers-color-scheme:light){.layre-page__sectioncontent.section-4 .music-pages a{position:relative;overflow:hidden}.layre-page__sectioncontent.section-4 .music-pages a div{z-index:10;position:relative}}.layre-page__sectioncontent.section-4 .music-pages a:active{transform:scale(1.01)}.layre-page__sectioncontent.section-4 .music-pages p{padding:0 1.25rem;font-weight:700}@media (prefers-color-scheme:light){.layre-page__sectioncontent.section-4 .music-pages .layre-music:before{content:"";z-index:1;background:linear-gradient(45deg,#75d3ff,#b9fcff);width:200%;height:400%;transition:all 1s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-4 .music-pages .layre-music:hover:before{transform:translate(-50%,-50%)rotate(270deg)}}}@media (prefers-color-scheme:dark){.layre-page__sectioncontent.section-4 .music-pages .layre-music{background:rgb(var(--layre-dark-main-background));outline:3px solid #75d3ff}}@media (prefers-color-scheme:light){.layre-page__sectioncontent.section-4 .music-pages .layreboi-music:before{content:"";z-index:1;background:linear-gradient(45deg,#dfb0ff,#c2efff);width:200%;height:400%;transition:all 1s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-4 .music-pages .layreboi-music:hover:before{transform:translate(-50%,-50%)rotate(270deg)}}}@media (prefers-color-scheme:dark){.layre-page__sectioncontent.section-4 .music-pages .layreboi-music{background:rgb(var(--layre-dark-main-background));outline:3px solid #dfb0ff}}.layre-page__sectioncontent.section-5{flex-direction:column;align-items:center}.layre-page__sectioncontent.section-5 p{margin:0}.layre-page__sectioncontent.section-5 .layre-page__discord{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.layre-page__sectioncontent.section-5 .layre-page__discord .discord-logo{-webkit-user-select:none;user-select:none;pointer-events:none}.layre-page__sectioncontent.section-5 .layre-page__discord .members{flex-direction:row;display:flex}@media (max-width:840px){.layre-page__sectioncontent.section-5 .layre-page__discord .members{display:none}}.layre-page__sectioncontent.section-5 .layre-page__discord .members .member{-webkit-user-select:none;user-select:none;pointer-events:none;width:150px;height:150px;box-shadow:0 0 0 5px rgb(var(--layre-light-main-background));border:5px solid rgb(var(--layre-light-main-background));background-color:rgb(var(--layre-light-main-background));border-radius:100rem;margin-right:-25px}@media (prefers-color-scheme:dark){.layre-page__sectioncontent.section-5 .layre-page__discord .members .member{box-shadow:0 0 0 5px rgb(var(--layre-dark-main-background));border:5px solid rgb(var(--layre-dark-main-background));background-color:rgb(var(--layre-dark-main-background))}}.layre-page__sectioncontent.section-5 .layre-page__discord .join-button{text-align:center;width:150px;color:rgb(var(--layre-light-main-foreground));background:rgb(var(--layre-light-image-unloaded));border-radius:10px;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:transform .25s;display:block}@media (prefers-color-scheme:dark){.layre-page__sectioncontent.section-5 .layre-page__discord .join-button{color:rgb(var(--layre-dark-main-foreground));background:rgb(var(--layre-dark-image-unloaded))}}@media (hover:hover) and (pointer:fine){.layre-page__sectioncontent.section-5 .layre-page__discord .join-button:hover{transform:scale(1.075)}}.layre-page__sectioncontent.section-5 .layre-page__discord .join-button:active{transform:scale(1.05)}@keyframes horizontalScroll{0%{transform:translate(0)}to{transform:translate(-2100px)}}@keyframes horizontalScroll2{0%{transform:translate(2100px)}to{transform:translate(0)}}