*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff}html,body{height:100vh;width:100%}#main{height:100vh;width:100%;background-color:#000}#nav{height:140px;width:100%;display:flex;align-items:center;padding:0 40px;justify-content:space-between}#nav-ptr2{display:flex;width:55%;align-items:center;justify-content:space-between;gap:10px}#nav h1{font-size:20px;text-transform:capitalize;display:flex;align-items:center}#nav i{font-size:20px;margin-right:5px}#nav h5{font-size:17px;text-transform:capitalize;font-weight:500}#nav img{height:50px}#line{height:2px;width:60px;background-color:red}#content{height:calc(100% - 240px);width:100%;position:relative;display:flex;justify-content:space-between;align-items:center}#left{width:35%;height:135%;padding:160px 50px}#right{width:35%;height:100%;padding-top:200px}#center{width:28%;height:100%;padding-top:60px}#left h1{font-size:65px;line-height:70px;font-weight:700}span{color:red;font-weight:500}#left p{margin-bottom:50px;font-style:italic;width:70%;line-height:24px}#left button{cursor:pointer;background-color:#dc143c;padding:20px 40px;font-size:17px;border-radius:60px;display:flex;align-items:center;font-weight:600}#left button i{margin-right:8px}#left button:hover{transform:scale(1.2);background-color:#8b0013}#center-bg{background-color:#00f;width:100%;height:88%;border-top-left-radius:1000px;border-top-right-radius:1000px;background-image:url(./assets/coke\ light.jpg);background-size:150%;background-position:30% 50%;filter:blur(3px)}#content>img{cursor:progress;height:110%;position:absolute;left:49%;transform:translate(-50%)}#right-ele{width:400px}#elem1{display:flex;align-items:center;justify-content:space-between;height:70px;opacity:.6;border-bottom:1px solid white}#elem1 h1{font-size:24px;font-weight:600}#elem1 i{font-size:20px;cursor:pointer}#elem2 h1{font-size:24px;font-weight:600;margin-bottom:15px;padding:15px;color:#8b0013}#elem2 p{font-size:12px;width:80%;color:gray}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#content,#nav{animation:fadeIn 1s ease-in-out}@media only screen and (min-width: 1025px){#nav h1,#nav h5{font-size:20px}#content{flex-direction:row}#left h1{font-size:65px;line-height:70px}#right{padding-top:200px}#center{padding-top:60px}}@media only screen and (min-width: 601px) and (max-width: 1024px){#left h1{font-size:40px;line-height:50px}#right{padding-top:100px}#center{padding-top:40px}}@media only screen and (max-width: 600px){#nav{flex-direction:column;align-items:flex-start;height:auto;padding:20px}#nav-ptr2{flex-direction:column;width:100%}#nav h1{font-size:16px}#nav h5{font-size:14px;margin-bottom:10px}#content{flex-direction:column;align-items:center}#left{width:100%;padding:20px}#left h1{font-size:24px;line-height:30px}#center{display:none}#right{width:100%;padding-top:50px}}
