#portfolio{text-align:center;padding-left:2.5rem;padding-right:2.5rem}.projectCard h2{font-family:var(--font-roboto);font-weight:500;font-size:1.5rem}.projectCard_top{position:relative;width:inherit;height:18.75rem;overflow:hidden;border-radius:1.25rem;border-bottom-right-radius:0}.projectCard_top img{object-fit:cover}.projectCard_icon{position:absolute;bottom:-.375rem;right:-.375rem;width:6rem;height:6rem;background-color:hsl(223,100%,9%);border-top-left-radius:50%}.projectCard_icon:before{bottom:.375rem;left:-1.25rem}.projectCard_icon:after,.projectCard_icon:before{position:absolute;content:"";background:rgba(0,0,0,0);width:1.25rem;height:1.25rem;border-bottom-right-radius:1.25rem;box-shadow:.313rem .313rem 0 .313rem hsl(223,100%,9%)}.projectCard_icon:after{top:-1.25rem;right:.375rem}.projectCard_icon_content{position:absolute;inset:.625rem;background-color:hsl(164,100%,46%);border-radius:50%;display:flex;justify-content:center;align-items:center;color:hsl(223,100%,9%);transform:all .25s ease-in-out}.projectCard_icon_content:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.projectCard_icon_content button{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.projectCard_icon_content button svg{height:1.5rem;width:1.5rem}.projectCard_content{padding:.5rem 1rem;display:flex;gap:.5rem;flex-direction:column}.projectCard_content_tech{list-style-type:none;display:flex;flex-wrap:wrap;gap:.5rem}.projectCard_content_tech li{font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:hsl(332,67%,48%);padding:.25rem .5rem}.dialogProject{top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid hsl(164,100%,46%);border-radius:1.25rem;width:clamp(25rem,60vw,50rem)}.dialogProject::-webkit-backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dialogProject::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dialogProject_content{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:hsl(223,100%,9%);width:100%}.dialogProject_content h2{text-align:start;padding:0 .5rem}.dialogProject_content h3{text-decoration:underline;text-align:start;font-weight:500}.dialogProject_content p{text-align:start}.dialogProject_content .closeButton{border-radius:8px;padding:.6rem 1.2rem;margin:1rem;font-weight:500;font-family:inherit;display:inline-block;align-self:center;width:-moz-fit-content;width:fit-content;background-color:hsl(164,100%,46%);color:hsl(223,100%,9%);transition:all .25s ease-in-out}.dialogProject_content .closeButton:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.dialogProject_content .title{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;gap:clamp(.5rem,2vw,10rem);align-items:center}.dialogProject_content .title_image{width:30%;height:100%;position:relative;aspect-ratio:1}.dialogProject_content .title_image img{width:100%;height:100%;object-fit:cover}.dialogProject_content .title .links{padding:.3rem 0;display:flex;justify-content:center;align-items:center;gap:1rem}.dialogProject_content .title .links a{display:inline-flex;border:2px solid rgba(0,0,0,0);padding:.7rem;transition:border .25s}.dialogProject_content .title .links a:hover{border:2px dotted hsl(332,67%,48%)}.dialogProject_content .title .links a svg{height:1.5rem;width:1.5rem}.dialogProject_content .works_list{list-style-type:square;text-align:start;padding-left:2rem}.projects_cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}