.box1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:50%;transition:all .3s}.box2{display:flex;flex-direction:column;justify-content:center;align-items:center;width:52%;gap:50px}form{transition:all .3s}.heading{transition:all .3s;text-align:center}@media screen and (max-width: 500px){.box1,.box2{height:40vh;width:70vw}}.icon,.menuicon{transition:all .6s ease-in-out}.iconBox:hover .icon,.rotateicon:hover{transform:rotate(720deg)}.menuicon:hover{transform:scale(1.3)}.notificationicon:hover{animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes shake{0%{transform:translate(0)}10%,90%{transform:translate(-5px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}to{transform:translate(0)}}.iconBox:hover{transform:scale(1.3)}@media screen and (max-width: 610px){.gradient-text,.heading-stack{display:none}}@media screen and (max-width: 350px){#hide-icons{display:none}}