.about{& .section__box:hover{transform:scale(1.1);transition:.5s transform;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}}.grid-template-auto{grid-template-columns:repeat(auto-fill,minmax(250px,450px))}.grid-column-center{grid-column:1 / -1}.projects{& .section__box:hover{box-shadow:0 0 15px var(--principal-color);transition:.5s box-shadow;-webkit-transition:.5s box-shadow;-moz-transition:.5s box-shadow;-ms-transition:.5s box-shadow;-o-transition:.5s box-shadow}& .section__box__img{overflow:hidden}& .section__box:hover img{transform:scale(1.1);transition:.5s transform;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.5s transform;-moz-transition:.5s transform;-ms-transition:.5s transform;-o-transition:.5s transform}}.certificates{& .section__box:hover{box-shadow:0 0 5px var(--principal-color);transition:.5s box-shadow;transform:scale(1.1);transition:.5s transform;-webkit-transition:.5s transform;-moz-transition:.5s transform;-ms-transition:.5s transform;-o-transition:.5s transform;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}}.services{& .section__box:hover{transform:scale(1.1);transition:.5s transform;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.5s transform;-moz-transition:.5s transform;-ms-transition:.5s transform;-o-transition:.5s transform}}@keyframes blurEffect{from{filter:blur(4px);-webkit-filter:blur(4px)}to{filter:blur(0);-webkit-filter:blur(0)}}@keyframes skewEffect{from{transform:skew(-.06turn,18deg);-webkit-transform:skew(-.06turn,18deg);-moz-transform:skew(-.06turn,18deg);-ms-transform:skew(-.06turn,18deg);-o-transform:skew(-.06turn,18deg)}to{filter:blur(0);transform:skew(0);-webkit-transform:skew(0);-moz-transform:skew(0);-ms-transform:skew(0);-o-transform:skew(0);-webkit-filter:blur(0)}}@keyframes scaleEffect{from{transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5)}to{transform:skew(1);-webkit-transform:skew(1);-moz-transform:skew(1);-ms-transform:skew(1);-o-transform:skew(1)}}@keyframes opacityEffect{from{opacity:0}to{opacity:1}}@keyframes upScroll{from{top:-5px}to{top:0}}@keyframes downScroll{from{top:5px}to{top:0}}.upScroll{animation:upScroll .5s alternate infinite;-webkit-animation:upScroll .5s alternate infinite}.downScroll{animation:downScroll .5s alternate infinite;-webkit-animation:downScroll .5s alternate infinite}@keyframes upEffect{from{top:100%}to{top:0}}@keyframes downEffect{from{top:-100%}to{top:0}}@keyframes centerEffect{from{transform:scale(.5)}to{transform:scale(1)}}.upEffect{animation:upEffect .5s ease-in-out}.downEffect{animation:downEffect .5s ease-in-out}.centerEffect{animation:centerEffect .5s ease-in-out}@keyframes leftEffect{from{left:-100%}to{left:0}}.leftEffect{animation:leftEffect 1s;-webkit-animation:leftEffect 1s}@keyframes rightEffect{from{right:-100%}to{right:0}}.rightEffect{animation:rightEffect 1s;-webkit-animation:rightEffect 1s}.blurEffect{animation:blurEffect .5s ease-in-out;-webkit-animation:blurEffect .5s ease-in-out}.skewEffect{animation:skewEffect .5s ease-in-out;-webkit-animation:skewEffect .5s ease-in-out}.scaleEffect{animation:scaleEffect .5s ease-in-out;-webkit-animation:scaleEffect .5s ease-in-out}.opacityEffect{animation:opacityEffect .5s ease-in-out;-webkit-animation:opacityEffect .5s ease-in-out}.breatheEffect{animation:breatheEffect 1s alternate infinite;-webkit-animation:breatheEffect 1s alternate infinite}@keyframes breatheEffect{0%{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.stars{& .star{background:transparent;width:2px;height:2px;animation:sparkle 5s linear infinite;-webkit-animation:sparkle 5s linear infinite}& .star-1{top:10%;left:95%}& .star-2{top:40%;left:80%}& .star-3{top:30%;left:70%}& .star-4{top:90%;left:60%}& .star-5,.star-7{top:50%;left:50%}& .star-6{top:60%;left:90%}}.star::before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:white}@keyframes sparkle{0%{transform:translateY(0) rotate(0deg);opacity:.8;-webkit-transform:translateY(0) rotate(0deg);-moz-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);-o-transform:translateY(0) rotate(0deg)}100%{transform:translateY(-500px) rotate(360deg);opacity:0;-webkit-transform:translateY(-500px) rotate(360deg);-moz-transform:translateY(-500px) rotate(360deg);-ms-transform:translateY(-500px) rotate(360deg);-o-transform:translateY(-500px) rotate(360deg)}}