#root>#portfolio{display:flex;flex-direction:column;align-items:center;gap:4rem;padding:4rem 0}#root>#portfolio>div{width:100%}#intro{display:grid;grid-template-areas:"photo name contact" "photo paragraph paragraph";grid-template-columns:max-content max-content 1fr;grid-column-gap:1rem;grid-row-gap:.5rem}#intro>img{border-radius:50%;grid-area:photo;height:7.5rem;width:7.5rem;object-fit:cover}#intro>h1{grid-area:name;font-size:2rem;font-weight:400}#intro>div{display:flex;justify-content:flex-end;align-items:center;grid-area:contact;gap:.5rem}#intro>div>a{background-color:#1e1e20;border-radius:5px;padding:.5rem;transition:background-color .25s ease;cursor:pointer}#intro>div>a:hover{background-color:#161614}#intro>div>a>img{filter:invert(100%) opacity(50%);height:1.5625rem}#intro>p{grid-area:paragraph;text-align:justify}#projects{display:grid;grid-template-areas:"projects-title" "projects-wrapper";grid-row-gap:1rem}#projects>h2{grid-area:projects-title}#projects-wrapper{display:grid;justify-content:center;grid-area:projects-wrapper;grid-template-columns:repeat(auto-fit,minmax(17.5rem,17.5rem));grid-auto-rows:25rem;gap:2rem}.link{background-color:#1e1e2080;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff4d;text-align:center;text-decoration:none;transition:all .25s ease;overflow:hidden;cursor:pointer}.link img{backface-visibility:hidden}.link:hover{transform:scale(1.075)}.link.srbb:hover{filter:drop-shadow(0 0 15px rgba(66,0,128,1))}.link.umau:hover{filter:drop-shadow(0 0 15px rgba(0,153,102,1))}.link.srbb img{background-color:#1c122c}.link.umau img{background-color:#007a55}.telement{display:grid;grid-template-areas:"t-title" "t-wrapper";grid-row-gap:1rem}.telement>h2{grid-area:t-title}.t-wrapper{display:grid;justify-content:center;grid-area:t-wrapper;grid-template-columns:repeat(auto-fit,6.25rem);gap:.75rem}.t-wrapper div{background-color:#1e1e20;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;height:6.25rem;width:6.25rem;text-align:center;font-weight:700;transition:background-color .25s ease;cursor:pointer}.t-wrapper div:hover{background-color:#161614}.t-wrapper img{filter:invert(100%) opacity(50%);height:3.125rem;width:3.125rem}.t-wrapper p{color:#ffffff80;font-size:.875rem}@media(max-width:50rem){#intro{grid-template-areas:"photo" "name" "paragraph" "contact";grid-template-columns:auto;grid-row-gap:1rem}#intro>img{margin:0 auto}#intro>div{justify-content:flex-start}}@media(max-width:28.125rem){#intro>h1{font-size:7vw}}#root>#project{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}#back{margin-right:auto;cursor:pointer}#back:hover img{background-color:#fff;filter:invert(0)}#back img{border-radius:50%;filter:invert(1);height:3.125rem;transition:all .25s ease}#project-info{display:flex;flex-direction:column;gap:1.5rem;width:100%}#project-info ul{margin-top:.5rem;padding-left:2rem}#project-img{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:90%}#project-img img{border-radius:5px;width:100%;transition:all .25s ease}#project-img span{opacity:.75;font-size:.8rem}#project-img>div{position:relative;cursor:pointer}#project-img>div:hover img{filter:blur(5px)}#project-img>div>div{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:max-content;transition:all .25s ease}#project-img>div:hover>div{opacity:1}#project-img>div>div a{border-radius:10px;padding:1rem;width:12rem;color:#fff;text-align:center;text-decoration:none;transition:background-color .25s ease}#project-img>div>div a.srbb{background-color:#1c122c;border:1px solid rgba(78,42,106,.35)}#project-img>div>div a.srbb:hover{background-color:#420080}#project-img>div>div a.umau{background-color:#096}#project-img>div>div a.umau:hover{background-color:#007a55}@media(max-width:60rem){#project-img>div{position:static;cursor:auto}#project-img>div:hover img{filter:none}#project-img>div>div{opacity:1;position:static;top:auto;left:auto;transform:none;z-index:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0 auto 1rem;height:50%;width:max-content;transition:all .25s ease}#project-img>div>div>a{cursor:pointer}#project-img span{display:none}}:root{background-color:#0f0f0f;background-image:radial-gradient(circle,rgba(200,200,200,.35) 1px,transparent 2px);background-position:center;background-size:48px 48px;color:#fff;font-family:Open Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:auto}#root{margin:auto;height:max-content;width:57.8125rem;transition:opacity .25s linear}img{display:block}@media(max-width:68.75rem){#root{max-width:80%}}