:root{--p1-color: #FFC60B;--p2-color: #EEEFEF;--p3-color: #0D0D0D;--light-color: #BAB9B9;--s-text: 2vh;--b-text: 5vh;--font: "Montserrat", sans-serif;--normal-font: 400;--bold-font: 700;--universal-gap: 1vh;--universal-radius: .5vh}*{font-family:var(--font);font-weight:var(--normal-font);font-size:var(--s-text);padding:0;margin:0;box-sizing:border-box;border:none;outline:none;color:var(--p3-color)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body{background:var(--p2-color);min-height:100vh}body #everything{min-height:100vh;margin:0 30vh;padding:var(--universal-gap);border-left:.2vh solid var(--light-color);border-right:.2vh solid var(--light-color)}body #everything .go-back-btn-user-page{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--universal-gap)}body #everything .go-back-btn-user-page .go-back-btn{cursor:pointer}body #everything .go-back-btn-user-page .go-back-btn:hover{opacity:50%}body #everything .SearchBar{width:100%;display:flex;flex-direction:row;gap:var(--universal-gap);height:5vh}body #everything .SearchBar .profile-btn{height:100%;width:5vh;overflow:hidden;border-radius:var(--universal-radius);border:.2vh solid var(--p3-color)}body #everything .SearchBar .search-input{width:100%;border:.2vh solid var(--light-color);border-radius:var(--universal-radius);height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}body #everything .SearchBar .search-input input{width:100%;padding:0 2vh;height:100%;background:none}body #everything .SearchBar .search-btn{border:.2vh solid var(--light-color);border-radius:var(--universal-radius);padding:1vh;cursor:pointer;background:var(--p1-color)}body #everything .You-Board{background:var(--p3-color);margin-top:var(--universal-gap);width:100%;display:flex;align-items:center;justify-content:center;padding:var(--universal-gap)}body #everything .You-Board .text{display:flex;justify-content:center;flex-direction:column;align-items:flex-start}body #everything .You-Board .s-text{color:var(--p2-color);margin-bottom:-1vh}body #everything .You-Board .b-text{color:var(--p2-color);font-size:var(--b-text);text-transform:uppercase;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--universal-gap);white-space:nowrap}body #everything .You-Board .b-text .logo{height:calc(var(--b-text) + 2vh);width:-moz-fit-content;width:fit-content}body #everything .You-Board .b-text .logo img{-o-object-fit:contain;object-fit:contain}body #everything .search-page{display:grid;gap:.1vh;margin:.1vh 0;grid-template-columns:25% 25% 25% auto}body #everything .search-page .you-card{cursor:pointer;width:auto;height:30vh;background:var(--p3-color);display:flex;align-items:center;justify-content:center;position:relative}body #everything .search-page .you-card:hover .photo img{transition:.2s ease;filter:none!important}body #everything .search-page .you-card .rank{position:absolute;top:1vh;left:1vh;background:var(--p3-color);padding:1vh;color:var(--p2-color);font-weight:var(--bold-font);z-index:1}body #everything .search-page .you-card .name{position:absolute;bottom:2vh;left:50%;transform:translate(-50%);color:var(--p2-color);font-weight:var(--bold-font);white-space:nowrap;z-index:1}body #everything .search-page .you-card .photo{width:100%;height:100%;overflow:hidden;position:relative}body #everything .search-page .you-card .photo img{filter:grayscale(100%);z-index:0}body #everything .search-page .you-card .photo .overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to top,var(--p3-color),transparent);z-index:1}body #everything .user-page{width:100%;display:flex;flex-direction:column;padding-top:var(--universal-gap)}body #everything .user-page .go-back-btn-user-page{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--universal-gap)}body #everything .user-page .go-back-btn-user-page .go-back-btn{cursor:pointer}body #everything .user-page .go-back-btn-user-page .go-back-btn:hover{opacity:50%}body #everything .user-page .rank-bg{background:var(--p1-color);width:100%;position:relative;display:flex;align-items:center;justify-content:center;height:40vh;border-bottom:.3vh solid var(--p3-color)}body #everything .user-page .rank-bg .go-back-btn-user-page{position:absolute;top:0;left:0}body #everything .user-page .rank-bg .rank{font-size:14vh;font-weight:var(--bold-font)}body #everything .user-page .rank-bg .photo{width:20vh;height:20vh;position:absolute;bottom:-50%;transform:translateY(-50%);background:var(--p3-color);border:.3vh solid var(--p3-color)}body #everything .user-page .rank-bg .photo .profile-informations{padding-top:2vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--universal-gap)}body #everything .user-page .rank-bg .photo .profile-informations .name{font-size:var(--b-text);white-space:nowrap}body #everything .user-page .rank-bg .photo .profile-informations .description{width:50vh;text-align:center}body #everything .user-page .rank-bg .photo .like-counter{cursor:pointer;position:absolute;top:50%;right:-50%;transform:translateY(-50%);background-color:var(--p1-color);padding:1vh;border-radius:100%;width:5vh;height:5vh;border:.3vh solid var(--p3-color)}body #everything .user-page .rank-bg .photo .like-counter:hover{background-color:var(--p3-color)}body #everything .user-page .rank-bg .photo .like-counter:hover .upvote-btn{fill:var(--p1-color)}body #everything .user-page .rank-bg .photo .like-counter .text{position:absolute;bottom:-70%;left:50%;transform:translate(-50%)}body #everything .user-page .rank-bg .photo .contact-section{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);left:-50%;background-color:var(--p1-color);padding:1vh;border-radius:100%;width:5vh;height:5vh;border:.3vh solid var(--p3-color)}body #everything .user-page .rank-bg .photo .contact-section:hover{background-color:var(--p3-color)}body #everything .user-page .rank-bg .photo .contact-section:hover .contact-btn{fill:var(--p1-color)}body #everything .user-page .rank-bg .photo .contact-section .text{position:absolute;bottom:-70%;left:50%;transform:translate(-50%)}body #everything .user-page .rank-bg .photo .contact-btn,body #everything .user-page .rank-bg .photo .upvote-btn{width:100%;height:100%;fill:var(--p3-color)}body #everything .user-page .work-station{margin-top:30vh}body #everything .user-page .work-station .work-header{border-top:.3vh solid var(--p3-color);border-bottom:.3vh solid var(--p3-color);text-align:center;font-size:var(--b-text);font-weight:var(--bold-font)}body #everything .user-page .work-station .works{display:flex;width:100%;flex-direction:column}body #everything .user-page .work-station .works .work{width:100%;border-bottom:.3vh solid var(--light-color);padding:var(--universal-gap);text-decoration:none}body #everything .user-page .work-station .works .work:hover{opacity:50%}body #everything .login-page{display:flex;width:100%;height:100%;align-items:center;justify-content:flex-start;flex-direction:column;gap:var(--universal-gap)}body #everything .login-page .profile-card{width:100%;cursor:pointer;margin-top:var(--universal-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:var(--universal-radius);border:.3vh solid var(--p3-color);padding:var(--universal-gap)}body #everything .login-page .profile-card:hover{opacity:50%}body #everything .login-page .profile-card .photo{width:5vh;height:5vh}body #everything .login-page .delete-btn{background:red;width:100%;padding:var(--universal-gap);text-align:center;cursor:pointer;color:#fff;font-weight:var(--bold-font)}body #everything .login-page .delete-btn:hover{opacity:50%}body #everything .login-page .logout-btn{border:.3vh solid var(--light-color);border-radius:var(--universal-radius);padding:var(--universal-gap);background:var(--p1-color);cursor:pointer;width:100%;margin-top:10vh;text-align:center}body #everything .login-page .logout-btn:hover{opacity:50%}body #everything .login-page .header{font-size:var(--b-text);font-weight:var(--bold-font);text-transform:uppercase;padding:var(--universal-gap)}body #everything .login-page .credential{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--universal-gap);width:100%}body #everything .login-page .credential input{width:100%;border:.3vh solid var(--p3-color);padding:var(--universal-gap);border-radius:var(--universal-radius)}body #everything .login-page .login-btn{padding:var(--universal-gap);border-radius:var(--universal-radius);background:var(--p1-color);cursor:pointer;width:100%}body #everything .login-page .credentials{border:.3vh solid var(--p3-color);display:flex;flex-direction:column;gap:var(--universal-gap);background:var(--light-color);padding:var(--universal-gap);border-radius:var(--universal-radius);width:100%}body #everything .login-page .credentials .sign-up{cursor:pointer;-webkit-text-decoration:.2vh underline var(--p3-color);text-decoration:.2vh underline var(--p3-color)}body #everything .login-page .credentials textarea{resize:none;width:100%;height:10vh}body #everything .login-page .credentials .add-work{padding:var(--universal-gap);border-radius:var(--universal-radius)}body #everything .login-page .added-work{width:100%;font-size:1vh;word-wrap:break-word}@media (max-width: 780px){:root{--s-text: 1.7vh !important;--b-text: 2.5vh !important}#everything{margin:0!important}#everything .search-page{grid-template-columns:auto auto!important}#everything .search-page .you-card{height:15vh!important}#everything .search-page .user-page .rank-bg .photo{width:15vh!important;height:15vh!important}}