@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Regular.ttf)}@font-face{font-family:Spotify;src:url(../fonts/Spotify/SpotifyLight.otf)}@font-face{font-family:SpotifyMedium;src:url(../fonts/Spotify/SpotifyBook.otf)}@font-face{font-family:SpotifyBold;src:url(../fonts/Spotify/SpotifyBold.otf)}.Contact{display:flex;flex-direction:column}.Contact-Info{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;width:100vw;font-family:Spotify;font-size:.9rem;text-align:justify;line-height:2rem;gap:3rem}.Contact-Text{padding:0 20rem;text-align:center}.Contact-RRSS{display:flex;justify-content:space-between;align-items:center;padding:0 10rem;width:100%;font-family:Spotify;font-size:1.5rem;text-transform:uppercase;gap:1rem;-webkit-box-pack:justify}.RRSS{display:flex;justify-content:end;align-items:center;width:100%;font-size:.8rem;gap:2rem;-webkit-box-pack:end}.Contact-RRSS a{text-decoration:none;color:#000}.RRSS-Mail:nth-child(2){display:none}.close-button{font-size:.8rem!important;font-family:Spotify!important}@media only screen and (max-width: 768px){.Contact-Info{height:80vh}.Contact-Text{padding:0 2rem}.RRSS-Mail{display:none}.Contact-RRSS{padding:0}.RRSS{position:absolute;justify-content:space-between;gap:0;padding:0 3rem;bottom:10rem}}@media only screen and (min-width: 1600px) and (max-width: 3000px){.Contact-RRSS{justify-content:space-between;padding:0 15rem;gap:3rem}.RRSS{justify-content:flex-end;margin-left:20rem;padding:0 5rem;gap:3rem}}.Menu-Items{display:flex;gap:2rem;padding:3rem 0 0 6rem}.Menu-Item-Link{text-decoration:none;color:#000;font-family:Spotify;text-transform:uppercase;font-size:.7rem;position:relative;transition:color .3s}.Carousel-Container{width:12%;overflow:hidden;position:fixed;right:0;top:0;margin-right:11rem}.Carousel{display:flex;flex-direction:column;margin:-.5rem 0}.Slide{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.Slide img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease-in-out,opacity .5s ease-in-out}.Slide img.grayscale{transition:filter .5s ease-in-out;opacity:.6}.Center-Container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:70%;opacity:0;z-index:99999}.Center-Container.visible{opacity:1;display:flex;justify-content:center}.Center-Container img{width:90%;height:100%;object-fit:cover;cursor:pointer}.Image-Description{position:fixed;bottom:6rem;left:6rem;font-family:Spotify;font-size:.8rem;color:#bababa;line-height:1.5rem;opacity:0;transform:translateY(50%);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.Image-Description.visible{opacity:1;transform:translateY(0)}.Image-Description h2{font-family:SpotifyMedium;text-transform:uppercase;font-size:.8rem;color:#000;margin:0}.Center-Container.visible~.Image-Description{opacity:1}.Horizontal-Line{width:100%;height:1.2rem;background-color:transparent;position:fixed;top:50%;left:0;transform:translateY(-50%)}@media only screen and (max-width: 768px){.Menu-Items{justify-content:center;padding:2rem 0;z-index:1000;position:absolute;width:100%}.Carousel-Container{width:0%;margin:0 auto;right:0;top:0}.Carousel{display:flex;flex-direction:column;justify-content:center;height:100%}.Slide img{width:100%;height:100vh;object-fit:cover;transition:filter .5s ease-in-out,opacity .5s ease-in-out}.Slide img.grayscale{opacity:.4}.Center-Container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;z-index:1}.Center-Container img{width:100%;height:32rem;object-fit:cover}.Image-Description{bottom:4%;left:auto;right:5%;font-size:.8rem;line-height:1.2rem}.Image-Description h2{font-size:.9rem}.Horizontal-Line{display:none}}@media only screen and (min-width: 769px) and (max-width: 3000px){.Carousel-Container{width:12%;margin-right:8rem}.Center-Container{width:35%;height:75%}}.project-detail-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.image-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:80%}.image-container img{width:100%;height:100%;object-fit:contain}.side-container{width:45%;height:70%;z-index:99}.side-container.prev{cursor:w-resize}.side-container.next{cursor:e-resize}.image-counter{position:fixed;font-family:Spotify;bottom:6%;color:#000;font-size:.9rem}.close-button{position:absolute;top:3rem;right:1rem;cursor:pointer;color:#000;text-decoration:none;font-family:Spotify;font-size:.8rem;transition:.2s ease-in-out}.close-button:hover{color:#bababa}@media only screen and (max-width: 768px){.close-button{position:absolute;top:2.5rem;right:1rem}}@media only screen and (min-width: 1600px) and (max-width: 3000px){.side-container.prev{cursor:url(../img/prev.png) 10 10,auto}.side-container.next{cursor:url(../img/next.png) 10 10,auto}}.Opening{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;cursor:none}.Opening-Gif{max-width:100%;max-height:100%;cursor:none}@media only screen and (max-width: 768px){.Opening-Gif{max-width:85%;max-height:80%}}.view-container{padding:1rem;overflow-y:auto;height:100vh;box-sizing:border-box}.image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.image-item{cursor:pointer;text-align:left}.image-item img{width:100%;height:25rem;object-fit:cover;display:block;border-radius:0;opacity:.7;transition:opacity .3s ease}.image-item:hover img{opacity:1}.image-title{font-family:Spotify;font-size:.8rem;margin-top:.8rem;color:#bababa;text-align:left;text-transform:uppercase}.back-button-view{background:none;border:none;padding:.5rem 0rem;top:0;display:flex;justify-content:flex-end;width:100%}.back-button-x{cursor:pointer;color:#000;text-decoration:none;font-family:Spotify;transition:.2s ease-in-out}.back-button-x:hover{color:#bababa}.image-item:hover .image-title{color:#000}.image-title{display:none;font-family:Spotify;font-size:.8rem;margin-top:.8rem;color:#bababa;text-align:left;text-transform:uppercase}@media screen and (max-width: 768px){.view-container{padding:1rem}.image-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:5rem}.image-item img{height:10rem;opacity:1!important;margin-top:2em}.image-item:hover img{opacity:1!important}.image-item:hover .image-title{color:#bababa!important}.image-title{display:block;font-size:.7rem;margin-top:.5rem;text-transform:lowercase}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;font-weight:100}body,html,*{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{transition:color .2s ease-in-out}a:hover{color:#bababa}