.skill-container{padding:25px;}.skill-container .skill-box{width:100%;min-height:660px;border-radius:24px;margin-top:50px;padding:20px;}.skill-container .skill-box.dark{background-color:#1c9b9b;}.skill-container .skill-box.dark h2,.skill-container .skill-box.dark p{color:#fff;}.skill-container .skill-box.light{background-color:#22c7c7;}.skill-container .skill-box.light h2,.skill-container .skill-box.light p{color:#333;}.skill-container .skill-box img{bottom:0;width:100%;border-radius:24px;margin-top:90px;}.skill-container .skill-box a{color:#fff;}.skill-container .skill-box a:hover{color:#fff;}.reference-container{margin:60px 15px;border-radius:24px;background:#22c7c7;background:radial-gradient(circle,#22c7c7 0%,#1c9b9b 96%);box-shadow:inset 5px 5px 15px 5px rgba(0,0,0,.46);min-height:350px;}@media(max-width:767.98px){.reference-container{padding:0 5px;}}.reference-container .recommendation-box{min-height:300px;border-radius:20px;margin-top:75px;}@media(max-width:767.98px){.reference-container .recommendation-box{min-height:450px;}}.reference-container .recommendation-box .rec-content{width:100%;padding:50px 15px;height:100%;}.reference-container .recommendation-box .rec-content .recommendation{display:none;width:100%;height:100%;animation-name:fade;animation-duration:1.5s;}.reference-container .recommendation-box .rec-content .recommendation p{top:10px;color:#fff;}.reference-container .recommendation-box .rec-content .recommendation p.message{font-size:25px;}.reference-container .recommendation-box .rec-content .recommendation p.person{font-size:15px;margin-top:-10px;}@keyframes fade{from{opacity:.4;}to{opacity:1;}}