.main-contact{min-height:100vh}.contact-container{position:relative;width:100%;height:100%}.contact-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;padding:100px}h1{font-family:'Barlow Semi Condensed',sans-serif;font-size:14rem;color:#000;background-image:linear-gradient(to right,#000,#000 33.33333%,#01A5F8 66.66666%,#01BFD8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 100%;background-position:top left;transition:all 1s ease-in-out}h1:hover{background-position:top left 100%;cursor:default}.contact-phone{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center}.phone{height:80vh;width:calc(80vh / 2);margin-top:100px;position:relative;animation:vibrate 3s infinite;animation-delay:.5s}.phone:hover{animation-play-state:paused}@keyframes vibrate{0%{transform:rotate(1deg)}5%{transform:rotate(-0.5deg)}10%{transform:rotate(0.5deg)}15%{transform:rotate(-0.5deg)}20%{transform:rotate(0.5deg)}25%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.phone-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;z-index:-20}.phone img{height:100%;width:auto}.black-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;height:96%;width:94%;z-index:21;border-radius:10%;animation:turnOn 2s forwards;animation-delay:1s;display:flex;justify-content:center;align-items:center}.black-bg img{width:50%;height:auto}@keyframes turnOn{0%{z-index:21;display:flex;opacity:1}99%{opacity:0;z-index:21;display:none}100%{opacity:0;display:none;z-index:-200}}.top-return svg{width:100%}.phone-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;padding:6% 7%;z-index:1}.screen{border-radius:15%;background-color:FBFAFF;overflow:hidden;width:100%;height:100%}.top{height:45%;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-around;background-color:#FBFAFF}.top img{width:30%;height:auto;border-radius:50%;margin-top:15%}.top .nom-contact{width:50%;margin-top:2%}.screen .bottom{background-color:#fff;height:55%;width:100%}.top-button{display:flex;justify-content:space-around;align-items:center}.button{width:25%}.button svg{width:100%;height:auto;padding:20%}.button a{position:relative;z-index:50;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column;color:#007BFF;text-decoration:none;font-size:100%}.part{height:20%;border-bottom:#a0a0a0 solid 1px}.element{cursor:pointer;width:100%}@media screen and (max-width:1820px){h1{font-size:10rem}}@media screen and (max-width:1420px){h1{font-size:8rem}}@media screen and (max-width:1200px){h1{font-size:6rem}}@media screen and (max-width:1000px){h1{font-size:5rem}}@media screen and (max-width:900px){h1{display:none}.contact-phone{width:100%;left:0}}