.portfolio_portfoliowrapper__8UU5z{width:100vw;display:flex;flex-direction:column;overflow-y:hidden;margin-bottom:12px}.portfolio_titlecontainer__8UmXJ{display:flex;align-items:end;justify-content:end;padding-right:40px;font-family:Outfit,sans-serif;font-weight:700;font-size:30px;opacity:0}.portfolio_projects__krJxX{display:block}.portfolio_projects__krJxX .portfolio_project__rGNen{opacity:0;transform:translateX(-50px)}.portfolio_projects-list__XOoDg{display:none;opacity:0;transform:translateY(50px)}@media (min-width:700px){.portfolio_titlecontainer__8UmXJ{margin-top:0;display:flex;align-items:end;justify-content:end;padding-right:40px;padding-bottom:0;padding-top:0;font-family:Outfit,sans-serif;font-weight:700;font-size:40px;opacity:0}.portfolio_projects__krJxX{display:none}.portfolio_projectsList__l_Z1v{display:block;height:100vh}}@media (min-height:900px){.portfolio_titlecontainer__8UmXJ{margin-top:0;display:flex;align-items:end;justify-content:end;padding-right:40px;padding-bottom:0;padding-top:0;font-family:Outfit,sans-serif;font-weight:700;font-size:90px;opacity:0}.portfolio_projects__krJxX{display:none}.portfolio_projectsList__l_Z1v{display:block;height:100vh}}.project-component{width:100%;height:240px;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:10px;padding-right:20px;border-bottom:1px solid #000;position:relative}.text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;opacity:0;transition:opacity .3s ease-in-out}.project-description,.project-title{font-family:Montserrat,sans-serif;font-size:20px;align-self:flex-start}.project-description{font-size:14px}.project-image{height:170px;width:calc(100% - 30px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);opacity:0;transition:opacity .3s ease-in-out;z-index:0}.project-component:hover .overlay{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-component:hover .text-container{opacity:1}.formButton{background-color:#000;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;padding:10px 20px;border:none;cursor:pointer;width:80px;align-self:center;margin-top:20px;display:inline-block}.list-container{display:none}@media (min-width:700px){.list-container{display:flex;width:100vw;height:100%;overflow:auto}.left-side{flex:1 1;flex-direction:column;padding-left:20px;gap:15px}.left-side,.right-side{display:flex;justify-content:center;height:100%}.right-side{flex:1 1;align-items:center}.title{font-family:Abenda;font-size:70px;font-weight:500;margin-bottom:10px;cursor:pointer;border-bottom:1px solid #000;padding-bottom:5px;display:flex;justify-content:space-between;align-items:flex-end}.symbol{font-size:70px;padding-left:10px}.detail{font-family:Abenda,sans-serif;font-size:150px;font-weight:700;position:relative}.detail-element{opacity:0;transform:scale(.8)}}@media (min-height:900px){.list-container{display:flex;width:100vw;height:100%;overflow:auto}.left-side{flex:1 1;flex-direction:column;padding-left:20px;gap:15px}.left-side,.right-side{display:flex;justify-content:center;height:100%}.right-side{flex:1 1;align-items:center}.title{font-family:Abenda;font-weight:500;margin-bottom:10px;cursor:pointer;border-bottom:1px solid #000;padding-bottom:5px;display:flex;justify-content:space-between;align-items:flex-end}.symbol,.title{font-size:100px}.symbol{padding-left:10px}.detail{font-family:Abenda,sans-serif;font-size:150px;font-weight:700;position:relative}.detail-element{opacity:0;transform:scale(.8)}}.project-container{background-color:#e1dfd3;max-height:800px;width:440px;border:10px solid #000;border-top-right-radius:180px;display:flex;flex-direction:column;padding:30px;box-shadow:-20px 10px 30px rgba(0,0,0,.6),20px 0 30px rgba(0,0,0,.6);transition:box-shadow .3s ease-in-out}.project-container:hover{margin-top:10px;box-shadow:-20px 5px 40px rgba(0,0,0,.8),20px -5px 40px rgba(0,0,0,.8)}.project-date{font-size:40px;font-weight:700;padding-bottom:10px;padding-top:20px}.project-date,.project-p1{font-family:Montserrat,sans-serif}.project-p1{font-size:18px;font-weight:lighter;color:#333;max-width:190px;margin-bottom:20px}.project-image{width:100%;height:auto;max-height:180px;margin-bottom:20px}.project-p2{font-family:Montserrat,sans-serif;font-size:18px;font-weight:lighter;color:#333;max-width:300px;margin-bottom:20px}.project-link{text-decoration:none;color:blue;font-size:18px;font-weight:700;align-self:flex-start}