body{line-height:1.6}.cs__hero{height:100vh;width:100vw;background-image:url(../img/myFlix/myFlix-hero-mockuper.png);background-position:center;background-size:cover}.cs__hero__heading{margin:auto;width:auto;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cs__hero-2{text-align:center}.cs__hero-2__img{width:100%;height:auto;text-align:center}.cs__heading{font-size:calc(28px + 2vw);font-weight:400;padding:25px;background-color:rgba(255,255,255,.5);color:var(--background-color);border-radius:10px}.hero__btn{display:block;margin:10px 0 10px 0}.used-tech{position:absolute;top:0;right:0;padding:20px}.used-tech__icon{height:40px;margin:10px}.used-tech__icon:hover{transform:scale(1.2);transition:transform ease 0.3s}.cs-content{width:90%;margin:50px auto}.introduction-container{margin:100px}.introduction{margin-bottom:50px}h2{font-size:calc(20px + 1vw)}h3{font-size:calc(20px + 0.5vw)}.highlight{font-weight:700}.approach,.challenges{margin:100px 20px}.server-side,.client-side{margin-top:25px;margin-bottom:50px;display:flex;flex-direction:row;column-gap:25px}.cs-btn{margin:25px 0}.codebox{background-color:rgb(35,35,35);border-radius:10px;font-size:14px;padding:20px;height:fit-content;width:fit-content}.code-blue{color:rgb(0,195,255)}.code-yellow{color:rgb(248,234,155)}.code-orange{color:rgb(255,213,0)}.code-brown{color:rgb(212,144,96)}.code-pink{color:rgb(243,40,196)}.code-deepblue{color:rgb(31,141,251)}.code-lightblue{color:rgb(138,232,255)}.code-grey{color:rgb(75,117,194)}.code-green{color:rgb(138,250,149)}.img-client{width:auto;max-width:400px;height:auto;border-radius:10px;margin-right:20px}.cs-acknowledgment{margin:50px 20px 0 20px;font-size:14px}@media screen and (max-width:1624px){.overview,.purpose,.objective{width:auto}}@media screen and (max-width:1000px){.server-side,.client-side{margin-bottom:50px;display:flex;flex-direction:column;column-gap:25px}.img-client{order:1}.codebox{width:auto;overflow:scroll}}@media screen and (max-width:900px){.cs__hero__heading{width:70%}.introduction-container{margin:20px}.used-tech__icon{height:20px;margin:5px}}