.page-content{display:flex;align-items:center;justify-content:center}.fontProject{font-size:280px;color:#fff;font-weight:600;letter-spacing:1rem;margin:0 30px;text-align:center}.fontProject,.modalContainer{justify-content:center;display:flex;align-items:center;overflow:hidden}.modalContainer{height:350px;width:400px;position:absolute;background-color:#fff;pointer-events:none}.modalSlider{position:absolute;transition:top .5s cubic-bezier(.76,0,.24,1)}.modal,.modalSlider{height:100%;width:100%}.modal{display:flex;align-items:center;justify-content:center}.modal img{height:auto}.cursor,.cursorLabel{width:80px;height:80px;border-radius:50%;background-color:#455ce9;color:#fff;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;pointer-events:none}.cursorLabel{background-color:transparent}.project{display:flex;width:100%;justify-content:space-between;align-items:center;padding:50px 100px;border-top:1px solid #c9c9c9;cursor:pointer;transition:all .2s}.project:last-of-type{border-bottom:1px solid #c9c9c9}.project:hover{opacity:.5}.project:hover h2{transform:translateX(-10px)}.project:hover p{transform:translateX(10px)}.project h2{font-size:60px;margin:0;font-weight:400;transition:all .4s}.project p{transition:all .4s;font-weight:300}@media screen and (max-width:480px){.fontProject{font-size:60px;letter-spacing:.05em;margin:0 30px;text-align:center;overflow:hidden}.projectMain{margin-top:-40vh;margin-bottom:30vh}.modalContainer{width:90%;height:auto;border-radius:10px;padding:20px}.cursor,.cursorLabel{width:50px;height:50px;font-size:12px}.project{padding:20px;flex-direction:column;text-align:center}.project h2{font-size:100px}.project p{font-size:16px}}@media only screen and (min-device-width:768px) and (max-device-width:1200px){.fontProject{font-size:125px;letter-spacing:.05em;margin:0 30px;text-align:center;overflow:hidden}}