.container{overflow:hidden!important;transition:all .2s ease!important}.custom_icon{width:50px;height:50px;background-color:#212121;border-radius:10px;display:flex;justify-content:center;align-items:center}.customPhoneDesign{width:470px;height:576px}.first_part{margin-top:-50px;animation:animateFirst 1.5s ease .25s forwards;opacity:0}.customPhoneDesign img{padding:3px;-o-object-fit:contain;object-fit:contain;margin-top:-50px;transition:all .7s ease}.second_part{margin-top:-30px;animation:animateSecond 1.1s ease-out forwards;opacity:0}.boundary-text{max-width:60vw;max-height:65px;overflow:hidden}@media (min-width:501px) and (max-width:719px){.boundary-text{max-height:130px}}@media (max-width:500px){.boundary-text{max-height:200px}}.boundary-text h1{opacity:0;animation:pullUp .7s 1.2s forwards}.boundary-text-middle{width:100%;height:60px;overflow:hidden}@media (min-width:530px) and (max-width:719px){.boundary-text-middle{height:120px}}@media (max-width:529px){.boundary-text-middle{height:180px}}.boundary-text-middle{max-height:180px}.boundary-text-middle h1{opacity:0;animation:pullUp .65s forwards}@keyframes pullUp{0%{opacity:0;margin-top:150px}to{opacity:1;margin-top:0}}@keyframes animateFirst{0%{margin-top:400px}60%{opacity:0}to{opacity:1;margin-top:-50px}}@keyframes animateSecond{0%{margin-left:300px;transform:rotateY(120deg)}50%{margin-left:150px;opacity:.4;transform:rotateY(240deg)}to{opacity:1;margin-left:0;transform:rotateY(1turn)}}@media (max-width:960px){.boundary-text{max-width:90vw}}@media (min-width:501px) and (max-width:720px){.customPhoneDesign img{margin-top:-40px;transition:all .7s ease}}@media (min-width:360px) and (max-width:500px){.customPhoneDesign{max-width:360px;margin-top:-10px;transition:all .7s ease}}@media (max-width:359px){.customPhoneDesign{max-width:275px;margin-top:-45px;max-height:500px;transition:all .7s ease}}.footerButton{opacity:0}.footerBouncy0_skill{animation:pop-up .75s ease forwards}.footerBouncy1_skill{animation:pop-up .75s ease .2s forwards}.footerBouncy2_skill{animation:pop-up .75s ease .4s forwards}.footerBouncy3_skill{animation:pop-up .75s ease .6s forwards}.footerBouncy4_skill{animation:pop-up .75s ease .8s forwards}@keyframes pop-up{0%{transform:translateY(150px) scale(0);opacity:0}25%{transform:translateY(0) scale(.9,1.1);opacity:1}50%{transform:translateY(0) scale(1.1,.9)}75%{transform:translateY(0) scale(.95,1.05)}92%{transform:translateY(0) scale(1.05,1.15)}to{transform:translateY(0) scale(1);opacity:1}}.footerBouncy{animation:quick_bounce .5s 1s forwards}.footerBouncy1s{animation:quick_bounce .5s 1.35s forwards}.bouncySlowly{animation:quick_bounce .5s forwards}.appearSlowly{opacity:0;animation:showSlowly .9s forwards}.bouncyAppear{opacity:0;animation:quick_bounce .4s ease-in 3s forwards}.bouncyAppear1s{opacity:0;animation:quick_bounce .35s ease-in 3.4s forwards}.bouncyAppear0{opacity:0;animation:quick_bounce .35s ease-in forwards}.animateTextPanel{opacity:0;animation:animatePanel 1s ease forwards}.animatedPanel{width:auto;max-height:275px;overflow:hidden}@media (max-width:500px){.animatedPanel{max-height:40vh;overflow:hidden}}@keyframes animatePanel{0%{transform:scale(.6);margin-top:500px}to{opacity:1;transform:scale(1);margin-top:0}}@keyframes animateMobileText{0%{opacity:0;transform:scale(.4);margin-left:500px}to{opacity:1;transform:scale(1);margin-left:0}}@keyframes animateMobileImage{0%{opacity:0;transform:translateX(-100%) scale(.6)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes showSlowly{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes quick_bounce{0%{opacity:0}to{opacity:1}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}92%{transform:scale(1.05,1.15)}to{transform:scale(1)}}.animateText{max-width:500px;animation:animateMobileText 1s ease forwards}.animateMobile{max-width:50vh}.animateMobile img{animation:animateMobileImage 1.5s forwards}