@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300&family=Inter&display=swap");
body {
   height: 100vh;
   width: 100vw;
   top: 0;
   left: 0;
   margin: 0;
   position: absolute;
   font-family: 'Inter', sans-serif;
   font-weight: 500;
   overflow-x: hidden;
}

body .navbar-sct {
   height: 20vh;
   width: 100vw;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   background-color: #FFF;
   display: flex;
   flex-direction: column;
}

body .navbar-sct .topbar-sct {
   height: 50%;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

body .navbar-sct .topbar-sct .logo-sct {
   height: 100%;
   width: 15vw;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 4vh;
}

body .navbar-sct .topbar-sct .logo-scta {
   color: black;
   text-decoration: none;
}

body .navbar-sct .topbar-sct .logo-sct:hover {
   cursor: default;
}

body .navbar-sct .topbar-sct .search-sct {
   position: relative;
   height: 6vh;
   width: auto;
   margin: 1rem 3rem 1rem 1rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

body .navbar-sct .topbar-sct .search-sct .link {
   position: absolute;
   left: -4vw;
   top: .9rem;
}

body .navbar-sct .topbar-sct .search-sct #searchbar {
   height: 100%;
   width: 20vw;
   border: none;
   outline: none;
   border-radius: 2rem;
   padding-left: 2rem;
   font-size: 1.1rem;
}

body .navbar-sct .topbar-sct .search-sct #searchbtn {
   height: 2vh;
   width: 2vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

body .navbar-sct .topbar-sct .search-sct #img {
   top: 0.6rem;
   left: -1.7rem;
   height: 2rem;
   width: 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
}

body .navbar-sct .botbar-sct {
   height: 50%;
   width: 100%;
}

body .navbar-sct .botbar-sct .allbtn-sct {
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

body .navbar-sct .botbar-sct .allbtn-sct .btn-sct {
   display: flex;
   height: 70%;
   width: auto;
   justify-content: center;
   align-items: center;
   transition: all .3s ease-in-out;
}

body .navbar-sct .botbar-sct .allbtn-sct .btn-sct:hover {
   cursor: pointer;
   transform: scale(1.03);
}

body .navbar-sct .botbar-sct .allbtn-sct .btn-sct #img {
   margin-right: 0.7vw;
}

body .navbar-sct .botbar-sct .allbtn-sct .btn-sct #img #btnImg {
   height: 5vh;
   width: auto;
}

body .navbar-sct .botbar-sct .allbtn-sct .btn-sct #label p {
   font-family: 'Inter', sans-serif;
   font-weight: 400;
   font-size: 2vh;
}

body .content-sct {
   position: relative;
   top: 20vh;
   left: 0;
   height: auto;
   width: 100vw;
   background-color: #EFEFEF;
   cursor: default;
   display: flex;
   justify-content: center;
}

body .content-sct .gestion-sct {
   background-color: white;
   height: auto;
   width: 75vw;
   display: flex;
   justify-content: center;
   margin-top: 2rem;
   border-radius: 10px;
}

body .content-sct .gestion-sct .cat {
   height: auto;
   width: 33%;
   margin: 1rem;
}

body .content-sct .gestion-sct .cat .btn {
   width: 100%;
   height: auto;
}

body .content-sct .gestion-sct .cat .btn-sct {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .cat .btn-sct #img {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .cat .btn-sct #img img {
   height: 50%;
   width: 50%;
}

body .content-sct .gestion-sct .rec {
   height: auto;
   width: 33%;
   margin: 1rem;
}

body .content-sct .gestion-sct .rec .btn {
   width: 100%;
   height: auto;
}

body .content-sct .gestion-sct .rec .btn-sct {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .rec .btn-sct #img {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .rec .btn-sct #img img {
   height: 50%;
   width: 50%;
}

body .content-sct .gestion-sct .ing {
   height: auto;
   width: 33%;
   margin: 1rem;
}

body .content-sct .gestion-sct .ing .btn {
   width: 100%;
   height: auto;
}

body .content-sct .gestion-sct .ing .btn-sct {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .ing .btn-sct #img {
   height: auto;
   width: 100%;
}

body .content-sct .gestion-sct .ing .btn-sct #img img {
   height: 50%;
   width: 50%;
}