select.form-control,textarea.form-control,input.form-control{font-size:1rem}input[type=file]{width:100%}body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center}button{padding:10px;border:none;border-radius:4px;background-color:#000;color:#fff;font-size:16px;cursor:pointer}.profile{border:1px solid #ccc;padding:20px;border-radius:4px}.api-section{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px}.api-section>button{background-color:#004772}@media screen and (min-width: 1080px){.burger-menu{display:none}}@media screen and (max-width: 1080px){.header-bar{display:flex;background:linear-gradient(to right,#03121f,#0a324e 50%);height:64px;position:fixed;width:100%;z-index:1000}}.bm-burger-button{position:fixed;width:36px;height:30px;left:25px;top:18px}.bm-burger-bars{background:#00a4b3}.bm-burger-bars-hover{background:#113c61}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#03121f}.bm-morph-shape{fill:#373a47}.bm-item-list{margin-top:20%;margin-left:32px;margin-bottom:10%;color:#f6f6f6;font:32px Montserrat;max-height:50%}.burger-menu .zoi-logo{height:auto;width:auto;max-width:72px;margin-bottom:10%}.bm-item{display:inline-block}.bm-overlay{background:#03121f}.bm-item{display:inline-block;color:#d1d1d1;margin-bottom:10px;text-align:left;text-decoration:none;transition:color .2s}.bm-item:hover{color:#cdcdcd}.side-bar{background-color:#03121f;width:250px;height:100vh;position:fixed}.side-bar-list{list-style-type:none;height:auto;width:100%}.side-bar-list .active #title{font-weight:700}.side-bar .zoi-logo{height:auto;width:auto;max-width:48px;margin-top:30%;margin-left:32px;margin-bottom:10%}.side-bar .zoi-logo{cursor:pointer}.side-bar-list .row{color:#f6f6f6;width:100%;height:35px;font:16px Montserrat}.side-bar-list .row:hover{cursor:pointer;color:#cdcdcd}@media screen and (max-width: 1080px){.side-bar{display:none}}.userProfile-container{font:Montserrat}.profile-info-section{background:linear-gradient(to right,#03121f,#0a324e 50%);padding-bottom:20px}.stars-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.stars-wrapper svg{width:13px;height:13px}.stars-count{position:absolute;width:200px;top:0;left:-100px;transform:translate(-50%);background-color:#0a324e;color:#fff;padding:5px;border-radius:5px;opacity:0;transition:opacity .2s ease-in-out;z-index:2}.stars-wrapper:hover .stars-count{opacity:1}.model{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.model-content{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;width:80%;max-width:700px}.skill-level-labels{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px}.form-label{padding-top:20px;font-weight:700}.ns-buttons{padding-top:15px;display:flex;justify-content:flex-end}.form-title{font-size:24px;font-weight:800;font:Monterrat;text-align:center;padding-bottom:10px}.form-container{background-color:#f6f6f6;padding:20px;border-radius:10px;border:1px solid black}.skill-level-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:1px solid black;box-shadow:0 2px 4px #0000001a}.skill-level-labels{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.form-label,.form-labels{padding-top:20px;font-weight:700}.ns-buttons{padding-top:10px;display:flex;justify-content:flex-end}.form-title{font-size:24px;font-weight:800;font:Monterrat;text-align:center}.form-wrapper{display:flex;flex-direction:column}.skill-category-form{display:block;width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:.25rem;margin-bottom:1rem}.form-labels{display:block;font-size:1rem;margin-bottom:.5rem}.message{color:red;font-size:.8rem;margin-top:.25rem;font-style:italic}.cancel-button{background-color:transparent;color:#fc5151;border:1px solid rgb(252,81,81);border-radius:10px}.save-button{background-color:#0a324e;color:#f6f6f6;border:1px solid #0a324e;border-radius:10px;margin-right:10px}.cancel-button:hover{background-color:#be1d1d;color:#faa2a2}.save-button:hover{background-color:#00a4b3;color:#0a324e}.level-def{font-size:small}.delete-form-container{background-color:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px;border:1px solid black}.del-icon{color:red;font-size:50px;margin-bottom:20px}.confirmation{font-size:18px;margin-bottom:20px;text-align:center}.confirmation span{font-weight:700}.buttons{display:flex;flex-direction:row;align-items:center}.delete-skill-button{background-color:transparent;color:#fc5151;border:1px solid rgb(252,81,81);border-radius:10px;margin-right:10px}.cancel-skill-button{background-color:#0a324e;color:#f6f6f6;border:1px solid #0a324e;border-radius:10px}.delete-skill-button:hover{background-color:#be1d1d;color:#faa2a2}.cancel-skill-button:hover{background-color:#00a4b3;color:#0a324e}.App{display:flex;overflow:hidden;font-family:Montserrat,sans-serif}.app-main-container{flex:1;overflow-y:auto;align-items:center}@media (min-width: 1080px){.app-main-container{margin-left:250px}}@media (max-width: 1080px){.App{background:linear-gradient(to right,#03121f,#0a324e 50%)}.app-main-container{margin-top:64px;background-color:#fff}}.virtuoso-grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px;width:100%;box-sizing:border-box;align-items:start}@media (min-width: 1800px){.virtuoso-grid-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media (max-width: 1400px){.virtuoso-grid-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 1000px){.virtuoso-grid-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 700px){.virtuoso-grid-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:8px}}@media (max-width: 600px){.virtuoso-grid-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:8px}}@media (max-width: 350px){.virtuoso-grid-list{grid-template-columns:1fr}}.virtuoso-grid-item{display:flex;width:100%}.virtuoso-grid-item .MuiCard-root .skillshow,.skillshow{width:100%;height:350px;display:flex;flex-direction:column}@media (min-width: 1100px){.virtuoso-grid-list.force-five{grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px}.virtuoso-grid-list.few-results{grid-template-columns:repeat(auto-fit,minmax(250px,250px));justify-content:start}.virtuoso-grid-list.few-results .virtuoso-grid-item .MuiCard-root{width:260px;max-width:260px}}@media (min-width: 1600px){.virtuoso-grid-list.force-five{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.virtuoso-grid-list.few-results{grid-template-columns:repeat(auto-fit,minmax(260px,260px));justify-content:start}.virtuoso-grid-list.few-results .virtuoso-grid-item .MuiCard-root{width:260px;max-width:260px}}