#card{background-color:var(--white);border-radius:20px;display:flex;gap:20px;max-width:1000px;padding:20px;transition:color .5s,background-color .5s;width:75%}#card #left{align-items:center;display:flex;flex-direction:column;gap:10px}#card #left img#profile-picture{background-size:25px;border-radius:50%;height:150px;-o-object-fit:cover;object-fit:cover;padding:3px;width:150px}#card #left #links{display:flex;gap:5px;justify-content:center;margin-top:10px}#card #left a{background-position:50%;background-repeat:no-repeat;background-size:36px;border-radius:50%;cursor:pointer;display:inline-block;height:36px;transition:.25s;width:36px}#card #left #links .switch{display:none;left:calc(50% - 32px)}#card #left a:hover{background-color:var(--button);background-size:24px}#activity{background-color:var(--background);border-radius:10px;display:none;flex-direction:column;gap:5px;margin-top:auto;padding:10px;transition:color .5s,background-color .5s;width:250px}#activity h6{align-items:center;display:flex;font-size:10px;font-weight:500;justify-content:center;position:relative}#activity h6 span{margin-left:15px}#activity h6 div.dot{background-color:#22c55e;border-radius:50%;height:8px;left:25px;position:absolute;width:8px}#activity #activity-info{align-items:center;display:flex;gap:10px}#activity #activity-info #activity-image{border-radius:5px;height:80px;width:80px}#activity #activity-info #activity-texts{display:flex;flex-direction:column;width:calc(100% - 85px)}#activity #activity-info p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#activity #activity-info span{color:var(--title);font-size:10px;font-weight:500}#activity #activity-info p span{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#card #user{display:flex;flex-direction:column;position:relative}#card #user .switch{right:0}#card #user h1,#error h1{align-items:center;color:var(--title);display:flex;font-size:24px;font-weight:600;gap:5px}#card #user h1 img{height:24px;width:24px}#card #user p,#error p{font-size:16px}#card #user p{margin-bottom:10px}#card #user strong{font-weight:600}#card #user .mini-card-title{color:var(--title)}#card #user .mini-card{align-items:center;background-color:var(--background);border-radius:10px;display:flex;gap:10px;padding:10px;&:not(:last-child){margin-bottom:10px}}#card #user .mini-card img{border-radius:5px;height:32px;width:32px}#card #user .mini-card .info{display:flex;flex-direction:column}#card #user .mini-card .info p{margin:0}#card #user .mini-card .info span{font-size:10px}.technologies{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.technologies li{align-items:center;background-color:var(--white);border-radius:10px;display:flex;gap:10px;padding:10px;transition:.2s}.technologies li:hover{background-color:var(--hover)}.technologies li img{border-radius:10px;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.projects{display:flex;flex-direction:column;gap:20px;list-style-type:none}.projects li{background-color:var(--white);border-radius:20px;display:flex;gap:40px;justify-content:space-between;padding:20px}.projects li .info{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.projects li .info h1{align-items:center;display:flex;gap:5px}.projects li .info h1 span{background-color:var(--blue-light);border-radius:25px;color:var(--blue);font-size:12px;margin-left:5px;padding:2px 8px}.projects li .info h1 img{height:24px;width:24px}.projects li .info .tools{display:flex;flex-wrap:wrap;gap:10px}.projects li .info .tools img{background-color:var(--background);border-radius:10px;height:32px;-o-object-fit:contain;object-fit:contain;padding:5px;width:32px}.projects li .info .tools img:hover{background-color:var(--hover)}.projects li .options{align-items:center;display:flex;margin:auto auto 0 0}#error a:hover{background-color:var(--hover)}.projects li img.site{cursor:zoom-in;height:250px;transition:.25s;width:190px}.projects li img.site:hover{height:335px;transform:scale(1.2);width:250px}.partners{display:flex;flex-direction:column;gap:20px;list-style-type:none}.partners li{background-color:var(--white);border-radius:20px;display:flex;gap:20px;padding:20px}.partners li a{align-items:center;display:flex}.partners li a img{border-radius:10px;height:64px;width:64px}.awards{list-style-type:none}.awards,.awards li{display:flex;flex-direction:column;gap:20px}.awards li{background-color:var(--white);border-radius:20px;padding:20px}.awards li .header{align-items:center;display:flex;gap:10px}.awards li .header .title{color:var(--title);font-weight:500}.awards li .header img{height:48px;width:48px}.awards li .link{align-items:center;display:flex;gap:10px;text-align:center}.awards li .link .launch{display:inline-block;height:20px;transform:translate(5px,4px);width:20px}.awards li .images{display:flex;flex-wrap:wrap;gap:10px}.awards li .images img,.awards li .link img{border:1px solid var(--text);border-radius:10px;cursor:pointer;height:60px;-o-object-fit:cover;object-fit:cover;width:110px}footer{display:flex;flex-direction:column;padding:40px 20px}footer h1{color:var(--title);font-size:24px;font-weight:500;text-align:center}footer a.button{background-color:var(--blue);color:#fff;margin-left:auto;margin-right:auto;max-width:300px;transition:.25s;&:hover{background-color:var(--blue);filter:brightness(110%)}}@media only screen and (max-width:1100px){#card{width:90%}}@media only screen and (max-width:820px){body{padding:20px 0}#card{flex-direction:column;width:90%}#card #left{align-items:center;display:flex;flex-direction:column-reverse;gap:20px;justify-content:center;padding-top:56px}#card #left #links .switch{display:inline-block}#card #left #activity{width:100%}#activity h6 div.dot{left:4px;position:relative}#activity h6 div.dot.animate-ping{left:-4px}#activity h6 span{margin:0}#card #left #links{justify-content:space-between;position:absolute;top:85px;width:80%}#card #user .switch{display:none}#card #user h1{display:inline}#card #user h1 img{transform:translate(5px,4px)}#error{width:90%}.technologies{grid-template-columns:repeat(2,minmax(0,1fr))}.technologies li{font-size:12px}.projects li{align-items:center;flex-direction:column-reverse;gap:20px}.projects li .info{width:100%}.projects li .info h1 span{display:none}.projects li .options{flex-direction:row-reverse;margin-top:20px;width:100%}.projects li img.site:hover{transform:none}.awards li .header{align-items:flex-start;flex-direction:column}.awards li .header .title+p{font-size:12px}.awards li .link{flex-direction:column}.awards li .images{justify-content:center}.partners li{flex-direction:column}.partners li .title+p+p{font-size:12px}footer h1{font-size:18px}footer a.button{padding:12px 20px}}#error{background-color:var(--white);border-radius:20px;display:flex;flex-direction:column;margin:auto;padding:20px}#error a{margin:20px auto 0}