.imageBoxContainer{display:flex;justify-content:center;align-items:center;background-color:#fff;height:150px;width:150px;border-radius:20px;margin:20px;opacity:0;animation:boxIn .4s ease-in-out .8s forwards}.imageBoxContainer a{text-decoration:none}.imageBoxContainer a img{transition:all .2s ease-in;cursor:pointer;height:110px;width:110px}.imageBoxContainer:hover a img{transform:scale(1.2)}@keyframes boxIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 750px){.imageBoxContainer{height:120px;width:120px;border-radius:10px;margin:13px}.imageBoxContainer a img{height:85px;width:85px}}@media (max-width: 500px){.imageBoxContainer{height:110px;width:110px;border-radius:10px}.imageBoxContainer a img{height:80px;width:80px}}@media (max-width: 400px){.imageBoxContainer{height:30vw;width:30vw;border-radius:10px}.imageBoxContainer a img{height:22vw;width:22vw}}.bodyContainer{display:flex;justify-content:center;align-items:center;background-color:#2a2a2a;flex-wrap:wrap;padding:5vw 10vw}@media (max-width: 750px){.bodyContainer{padding:5vw}}@media (max-width: 500px){.bodyContainer{padding:3vw 5vw}}@media (max-width: 400px){.bodyContainer{padding:2vw 3vw}}.header-container{background-color:#2a2a2a;padding:20px;text-align:center;display:flex;justify-content:center;align-items:center}.header-container .my-image{height:100px;width:100px;border-radius:200px;overflow:hidden;margin-right:40px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;animation:spin-box .4s ease .4s forwards}.header-container .my-image:hover{transform:translateY(-2px);box-shadow:0 5px 10px #101010}.header-container .my-image img{border-radius:200px;animation:image-load .4s;height:100px;width:100px}.header-container .my-name{transition:all .2s ease}.header-container .my-name h1{animation:name-load .4s ease .4s forwards;opacity:0;color:#fff}.header-container .my-name:hover{transform:translateY(-2px);text-shadow:0px 5px 10px rgb(16,16,16)}@keyframes image-load{0%{height:0;width:0}to{height:100px;width:100px}}@keyframes name-load{0%{opacity:0}to{opacity:1}}@media (max-width: 500px){.header-container{flex-direction:column}.header-container .my-image{margin-right:0}.header-container .my-name{margin-top:10px}}::selection{background:rgba(255,255,255,.715);color:#2a2a2a}*{margin:0;padding:0;font-family:Quicksand,sans-serif}body{min-height:100vh;width:100vw;overflow-x:hidden;background-color:#2a2a2a}.App{min-height:100vh;background-color:#2a2a2a;display:flex;flex-direction:column;justify-content:center}::-webkit-scrollbar{width:.8em}::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background:rgb(176,176,176)}::-webkit-scrollbar-thumb:hover{background:rgb(199,199,199)}@supports (scrollbar-color: white #2c2c2c){*{scrollbar-color:white #2c2c2c;scrollbar-width:thin}}.footerContainer{text-align:center;padding:20px;background-color:#2a2a2a}.footerContainer p{opacity:0;color:#fff;animation:footerLoad .3s ease-in 1s forwards}@keyframes footerLoad{0%{opacity:0}to{opacity:1}}