.aboutme-group{flex-direction:column;background-color:#292929;height:-moz-fit-content;height:fit-content}.aboutme-group,.aboutme-subgroup{display:flex;border-radius:12px;margin:1%;width:98%}.aboutme-subgroup{background-color:#181818;box-shadow:5px 5px 5px rgba(27,27,27,.452);min-height:500px;height:500px;overflow:hidden;border:1px solid #5c5c5c;flex-direction:row}.aboutme-subgroup:hover{opacity:100%}.aboutme-subgroup-image{position:relative;width:clamp(150px,20vw,300px);height:clamp(150px,20vw,300px);min-width:clamp(150px,20vw,300px);min-height:clamp(150px,20vw,300px);flex:0 0 clamp(150px,20vw,300px);overflow:hidden;border:2px solid #363636;border-radius:50%;box-shadow:0 3px 3px #030303;align-self:center;margin:5%;box-sizing:border-box}.aboutme-subgroup-image-dup-src,.aboutme-subgroup-image-src{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:none;transition:.5s}.aboutme-subgroup-image-dup-src img,.aboutme-subgroup-image-src img{width:100%;height:100%;object-fit:cover;display:block}.aboutme-subgroup-image:hover .aboutme-subgroup-image-src{opacity:0}.aboutme-subgroup-image:hover .aboutme-subgroup-image-dup-src{opacity:1}.aboutme-subgroup-desc{flex:1 1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center}.aboutme-subgroup-desc-title{font-size:clamp(20px,3vw,24px);color:rgba(195,255,171,.993);margin:24px 10px 10px}.aboutme-subgroup-desc-description{font-size:clamp(12px,2vw,17px);font-weight:700;color:hsla(0,0%,100%,.993);margin:10px}.aboutme-subgroup-desc-tags{font-size:clamp(12px,2vw,17px);color:rgba(0,225,255,.993);margin:10px}.aboutme-title{font-size:20px;color:hsla(0,0%,55%,.993);text-align:start;margin:10px}@media (max-width:1000px){.aboutme-subgroup{flex-direction:column;height:-moz-fit-content;height:fit-content;opacity:100%;align-self:center}.portfolio-subgroup-image{min-width:100%;min-height:50px;height:100%;max-height:200px;rotate:0deg;translate:0 0;align-self:center}.portfolio-subgroup-image-src{width:100%;scale:40%;rotate:0deg;translate:-50% -30%}}.portfolio-group{flex-direction:column;background-color:#292929;margin:1% 1% 10px;height:-moz-fit-content;height:fit-content}.portfolio-group,.portfolio-subgroup{display:flex;border-radius:12px;width:98%}.portfolio-subgroup{background-color:#181818;box-shadow:5px 5px 5px rgba(27,27,27,.452);min-height:250px;height:250px;margin:0 1% 1%;overflow:hidden;border:1px solid #5c5c5c;flex-direction:row;opacity:50%;transition:.5s}.portfolio-subgroup:hover{opacity:100%}.portfolio-subgroup-image{min-width:400px;width:400px;height:500px;rotate:20deg;translate:-100px -100px;overflow:hidden;box-shadow:3px 3px 25px #5e5e5e}.portfolio-subgroup-image-src{scale:50%;translate:-25% -10%;rotate:-20deg}.portfolio-subgroup-desc{width:100%;height:100%;display:flex;flex-direction:column}.portfolio-subgroup-desc-title{font-size:20px;color:rgba(195,255,171,.993);margin:12px}.portfolio-subgroup-desc-description{font-size:17px;color:hsla(0,0%,100%,.993);margin:12px}.portfolio-subgroup-desc-tags{font-size:17px;color:rgba(0,225,255,.993);margin:12px}.portfolio-title{font-size:20px;color:hsla(0,0%,55%,.993);text-align:start;margin:12px}@media (max-width:1000px){.portfolio-subgroup{flex-direction:column;height:-moz-fit-content;height:fit-content;opacity:100%;max-width:500px;align-self:center}.portfolio-subgroup-image{min-width:100%;min-height:50px;height:100%;max-height:200px;rotate:0deg;translate:0 0;align-self:center}.portfolio-subgroup-image-src{width:100%;rotate:0deg;translate:-50% -30%}}