@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";aside{width:100%;max-width:100px;height:100%;min-height:100vh}@media screen and (max-width: 1180px){aside{width:0}}aside .aside-container{z-index:2;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;max-width:100px;height:100%;min-height:100vh;padding:20px 0;background-color:var(--asideColor)}@media screen and (max-width: 1180px){aside .aside-container{transform:translate(-100%);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out}aside .aside-container.show{transform:translate(0);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out}}aside .aside-container .image-profile{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:10px 0;background-color:#0003}aside .aside-container .image-profile img{width:30px;height:100%;margin:10px 0}@media (max-width: 768px){aside .aside-container .image-profile img{width:20px}}aside .aside-container .image-profile h2{font-size:.8rem;font-weight:400;color:#fff;cursor:default}@media (max-width: 768px){aside .aside-container .image-profile h2{font-size:.7rem}}aside .aside-container nav{display:flex;justify-content:center;align-items:center;width:100%}aside .aside-container nav ul{list-style-type:none}aside .aside-container nav ul li{text-align:center}aside .aside-container nav ul button{background-color:transparent;border:none;outline:none;padding:15px;cursor:pointer;font-size:1.5rem;color:var(--backgroundColorSite)}aside .aside-container nav ul button span{display:none;font-size:1rem;color:var(--backgroundColorSite);font-weight:700}aside .aside-container nav ul button:hover span{display:block}aside .aside-container nav ul button:hover .fa-home,aside .aside-container nav ul button:hover .fa-user-alt,aside .aside-container nav ul button:hover .fa-cubes,aside .aside-container nav ul button:hover .fa-envelope{display:none}aside .aside-container .bottom-side{display:flex;justify-content:center;align-items:center;flex-direction:column}aside .aside-container .bottom-side .socials-container ul{list-style-type:none}aside .aside-container .bottom-side .socials-container ul li{display:flex;justify-content:center}aside .aside-container .bottom-side .socials-container ul li a{position:relative;color:#fff;font-size:1.5rem}@media (max-width: 768px){aside .aside-container .bottom-side .socials-container ul li a{font-size:1.3rem}}aside .aside-container .bottom-side .socials-container ul li a:hover{color:var(--popupColor)}aside .aside-container .bottom-side .socials-container ul li a:hover .popupSocials-container{display:flex}aside .aside-container .bottom-side .socials-container ul li a .popupSocials-container{position:absolute;top:2px;right:-120px;width:100px;padding:6px;display:none;justify-content:center;align-items:center;background-color:var(--popupColor);border-radius:5px}aside .aside-container .bottom-side .socials-container ul li a .popupSocials-container span{font-size:.8rem;color:#fff}aside .aside-container .bottom-side .socials-container ul li a .popupSocials-container .pointer-popup{position:absolute;top:8px;left:-4px;width:15px;height:15px;transform:rotate(45deg);background-color:red;background-color:var(--popupColor)}aside .aside-container .bottom-side .copy-footer span{margin-top:10px;font-size:.8rem;color:#fff;cursor:default}aside .aside-container .asideMenu-container{position:absolute;top:20px;display:none;transform:translate(200%);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out}@media screen and (max-width: 1180px){aside .aside-container .asideMenu-container{display:block}aside .aside-container .asideMenu-container.show{transform:translate(200%) rotate(180deg);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out}}aside .aside-container .asideMenu-container button{display:flex;align-items:center;justify-content:center;background-color:#0006;padding:12px 14px;border-radius:50%;outline:none;border:none;font-size:1.2rem;color:#fff;cursor:pointer}aside .aside-container .asideMenu-container button:hover{color:#ccc}:root{--opacity50Black: rgba(0, 0, 0, .4);--opacity50White: rgba(255, 255, 255, .6);--asideColor: #555555;--backgroundColorSite: #333333;--popupColor: #777777;--green: #1ABC9C;--darkGreen: #148F77;--customRed: #E74C3C;--customRedDark: #CB4335}*{margin:0;padding:0;box-sizing:border-box}body{font-family:monospace,Arial,Helvetica,sans-serif;background-color:var(--backgroundColorSite);overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#f1f1f1}body::-webkit-scrollbar-thumb{background:#888}body::-webkit-scrollbar-thumb:hover{background:#555}body button,body input,body label,body textarea{font-family:inherit}body .onLoadingPageProgress-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;pointer-events:none;overflow:hidden}body .onLoadingPageProgress-container:after{content:"";z-index:-1;position:absolute;inset:0;background-color:var(--opacity50Black)}body .onLoadingPageProgress-container .container-progress{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:350px;margin:0 25px}body .onLoadingPageProgress-container .container-progress .title-progress-onLoadPage{display:flex;justify-content:center;align-items:center;flex-direction:column}body .onLoadingPageProgress-container .container-progress .title-progress-onLoadPage img{width:30px;height:100%}body .onLoadingPageProgress-container .container-progress .title-progress-onLoadPage span{color:var(--opacity50White);margin:10px 0}body .onLoadingPageProgress-container .container-progress h3{color:var(--opacity50White)}body .onLoadingPageProgress-container .container-progress .progressBar{position:relative;width:100%;height:5px;margin:10px 0;border-radius:20px;border:1px solid var(--opacity50White);overflow:hidden}body .onLoadingPageProgress-container .container-progress .progressBar .insidebar{position:absolute;width:0%;height:5px;transition:all .2s;background-color:var(--opacity50White)}body .onLoadingPageProgress-container .footer-createBy{width:100%;position:absolute;bottom:10px;left:0;text-align:center}body .onLoadingPageProgress-container .footer-createBy span{font-size:.6rem;color:var(--opacity50White)}body .englobe-all{display:none}body main{position:relative;width:100%}.onLoadingPageAfter-container{z-index:10;position:absolute;display:none;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:100vh;background-color:var(--backgroundColorSite)}.loadingContent{z-index:1;width:100%;max-width:350px;text-align:center}.loadingProfile{display:flex;justify-content:center;align-items:center;flex-direction:column}.loadingProfile img{width:30px;height:100%}.loadingProfile span{color:var(--opacity50White);margin:10px 0}.loadingAfterProgressBar{position:relative;width:100%;height:5px;border-radius:20px;margin:10px 0;border:1px solid var(--opacity50White);overflow:hidden}.progressLoading{position:absolute;width:0%;height:5px;background-color:var(--opacity50White);transition:all .2s}.footer-createBy-onLoadingToPage{position:absolute;bottom:5px;left:0;width:100%;text-align:center}.footer-createBy-onLoadingToPage span{font-size:.6rem;color:var(--opacity50White)}
