body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-weight:400;line-height:.4;margin:0;padding:0}body,code{font-family:Playfair Display,serif}.app{margin-left:auto;margin-right:auto;max-width:1440px}h1{font-size:48px;font-weight:700}h2{font-size:34px}p{font-size:24px}.logo{align-items:center;flex-direction:column;height:350px;margin:auto;padding:10px;text-align:center}.description,.logo{display:flex;justify-content:center}.description{flex-wrap:wrap;gap:30px;padding:0}.category{display:flex;gap:144px;justify-content:center;margin-top:30px}.category p{cursor:pointer}.active{color:gray}.active:after{background-color:gray;content:"";display:inline-block;height:4px;margin-top:3px;width:100%}.category p:hover{color:gray}.portfolio{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-top:30px}.portfolio .image-container:hover{scale:1.1;transition:scale .3s}.portfolio .image-container{background-position:50%;display:flex;height:270px;position:relative;width:440px}.image-container i{cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.image-container i:hover{color:#ebebeb;transition:color .3s}.modal{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}iframe{height:60%;width:60%}.modal i{cursor:pointer;left:82%;position:absolute;top:20%;-webkit-transform:translate(-20%,-82%);transform:translate(-20%,-82%)}.contact-section{display:flex;gap:50px;justify-content:center;margin-bottom:20px;margin-top:100px}.contact-information{display:flex;flex-direction:column;justify-content:center;margin:auto}.contact-legend{margin:auto}.contact-legend p{padding-bottom:25px}p i{cursor:pointer;padding-right:20px}.icons{display:flex;gap:40px;justify-content:space-between}.icons a{color:#fff;cursor:pointer;text-decoration:none}@media (max-width:1440px){.portfolio{gap:15px;justify-content:center}.contact-information{line-height:1;padding-left:20px}.portfolio .image-container{width:28vw}}@media (max-width:900px){.portfolio .image-container{width:440px}h1{font-size:36px}h2{font-size:24px}h3,p{font-size:17px}.description{gap:5px}.contact-section{flex-direction:column-reverse}.contact-section img{display:none;height:auto;width:100%}.contact-information{align-items:center}.portfolio{gap:0}iframe{height:50vh;width:90vw}}
/*# sourceMappingURL=main.d2f56b4c.css.map*/