*{margin:0;padding:0;box-sizing:border-box;font-family:Comfortaa,cursive}body{background:#00203f}a{text-decoration:none}li{list-style-type:none}button{border:none;outline:none;border-radius:4px;cursor:pointer}.icon{width:20px}.content{background:#00203f;min-height:100vh}.container{padding:50px 60px;position:relative;z-index:99;height:calc(100vh - 50px)}.nav{position:fixed;background:#001c36;top:135px;left:30px;border-radius:4px 4px 0 0;transform:rotate(90deg);transform-origin:left;z-index:999}.nav__ul{display:flex}.nav__link{color:#fff;display:block;padding:20px 30px;transition:background .2s ease-in-out}.nav__link:hover{background:#0082ff}.bubble{display:block;position:fixed}.bubble__lg{background:#001830;width:400px;height:400px;bottom:-180px}.bubble__lg,.bubble__sm{border-radius:50%;left:-150px}.bubble__sm{background:#0082ff;width:300px;height:300px;bottom:-150px}.header{display:flex;color:#fff;justify-content:space-between;align-items:center}.header__logo{font-size:25px;cursor:pointer}.header__search{display:flex;align-items:center}.header__search-text{font-size:16px;margin-left:6px}.hero{display:flex;color:#fff;align-items:center;justify-content:space-between}.hero__left{width:50%;margin-left:80px}.hero__heading{font-size:60px;margin-bottom:25px}.hero__subheading{font-size:18px;line-height:1.8;margin-bottom:60px;width:95%}.hero__cta{background:#0082ff;padding:20px 80px;font-size:20px;color:#fff;transition:background .2s ease-in-out}.hero__cta:hover{background:#0068cc}.hero__image-container{width:480px;overflow:hidden}.hero__image-container img{transform-origin:center;max-width:100%;-webkit-animation:rotate360 1s linear forwards;animation:rotate360 1s linear forwards}.footer{display:flex;position:absolute;bottom:0;width:calc(100% - 120px)}.social-media{display:flex;color:#fff}.social-media__link{margin-right:35px}.social-media__link img{transition:all .3s ease-in-out}.social-media__link img:hover{transform:scale(1.3)}.pagination{display:flex;align-items:center;width:260px;justify-content:space-between;margin:auto}.pagination__circle{display:inline-block;background:#001830;width:8px;height:8px;border-radius:50%}.pagination__circle--active{background:#fff}.pagination img,.pagination span{cursor:pointer}.menu{display:flex;flex-direction:column;align-items:center;max-width:100%;color:#fff;margin-top:50px}.about__heading,.contact__heading,.menu__heading{font-size:30px;text-align:center;margin-bottom:50px}.menu__cards{margin-left:80px;display:flex;justify-content:space-between}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px;background:#001c36;text-align:center;padding:2rem 0;margin-right:2rem;cursor:pointer}.card:hover .card__image-container img{transform:scale(1.15)}.card__image-container{width:135px;height:135px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__image-container img{max-width:100%;transition:all .3s ease-in-out}.card__foodName{font-size:20px;color:#fff;margin:16px 0}.card__price{font-size:20px;color:#ff8080}.contact{margin-top:50px}.about__heading,.contact__heading{color:#fff}.form{background:#001c36;width:500px;margin:auto;padding:2.5rem 2rem;border-radius:4px;display:flex;flex-direction:column}.form__group{position:relative;margin-bottom:1rem}.form__input{outline:none;padding:.7rem .4rem;border:2px solid transparent;color:#fff;font-size:16px;border-radius:4px;background:#00203f;width:100%}.form__input::-webkit-input-placeholder{color:#001830}.form__input::-moz-placeholder{color:#001830}.form__input:-ms-input-placeholder{color:#001830}.form__input::-ms-input-placeholder{color:#001830}.form__input::placeholder{color:#001830}.form__input:focus{border-color:#00203f;background:transparent}.form__input:focus+.form__label{top:-16px;left:0;font-size:80%;font-weight:700}.form__input:not(:placeholder-shown)+.form__label{top:-16px;left:0;font-size:80%;font-weight:700}.form__textarea{height:120px;max-width:100%}.form__btn{padding:.7rem;background:#0082ff;color:#fff;font-size:16px}.form__btn:hover{background:#0068cc}.form__label{position:absolute;top:.8rem;left:.8rem;transition:all .15s ease-in-out;pointer-events:none;color:#fff}.about{margin-top:50px}.about__inner{width:60%;margin:auto}.about__paragraph{color:#fff;line-height:1.8}.overlay{background:#0082ff;width:60px;height:60px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;border-radius:50%;pointer-events:none}@-webkit-keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}