@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap);.container .box::after,.container .box::before{width:50%;height:100%;background:var(--color-white);transform:skewX(15deg);transition:.5s;top:0}.container .box span::after,.container .box span::before{background:rgba(255,255,255,.1);opacity:0;box-shadow:0 5px 15px rgba(0,0,0,.08);backdrop-filter:blur(10px)}:root{--color-black:#000;--color-black-1:#111;--color-white:#fff;--color-white-2:#ffffffe8;--color-blue:#0da5d3;--color-linkedin:#077099;--color-gh:#808080;--color-insta:#d32e8e;--color-matheus-1:#00ffc8;--color-matheus-2:#0d5fa3;--color-Gustavo-1:#03a9f4;--color-Gustavo-2:#1654da;--color-Davi-1:#2628b1;--color-Davi-2:#0b0eed;--font-used:"Quicksand",sans-serif;--background-image:url(../assets/images/back-fundo.jpg)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-used)}body{width:100%;height:100%;background:var(--background-image);background-size:cover;background-repeat:no-repeat}header{width:100%;height:80px;background:var(--color-black);display:flex;align-items:center;justify-content:space-around;position:fixed;z-index:99;margin-top:0}header .menu-header ul{display:flex;width:650px;justify-content:space-between}header .menu-header ul li{padding:0 7px;list-style:none;margin-left:-6px;margin-right:137px}header .menu-header ul li a{text-decoration:none;text-transform:uppercase;color:var(--color-white);transition:.5s}header .menu-header ul li a:hover{color:var(--color-blue)}.container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:50px;margin-left:-40px}.container .box{position:relative;width:280px;height:400px;display:flex;justify-content:center;align-items:center;margin:40px 30px;transition:.5s}.container .box::before{content:" ";position:absolute;left:50px;text-decoration:none;border-radius:8px}.container .box span::after,.container .box span::before,.container .box::after{content:"";position:absolute;border-radius:8px}.container .box::after{left:50;filter:blur(30px)}.container .box:hover:after,.container .box:hover:before{transform:skewX(0);left:20px;width:calc(100% - 90px)}.container .box:first-child:after,.container .box:first-child:before{background:linear-gradient(315deg,var(--color-matheus-1),var(--color-matheus-2))}.container .box:nth-child(2):after,.container .box:nth-child(2):before{background:linear-gradient(315deg,var(--color-Gustavo-1),var(--color-Gustavo-2))}.container .box:nth-child(3):after,.container .box:nth-child(3):before{background:linear-gradient(315deg,var(--color-Davi-1),var(--color-Davi-2))}.container .box span{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.container .box span::before{top:0;left:0;width:0;height:0;transition:.1s;animation:2s ease-in-out infinite animate}.container .box:hover span::before{top:-50px;left:50px;width:100px;height:100px;opacity:1}.container .box span::after{bottom:0;right:0;width:100%;height:100%;transition:.5s;animation:2s ease-in-out -1s infinite animate}.container .box:hover span:after{bottom:-50px;right:50px;width:100px;height:100px;opacity:1}@keyframes animate{0%,100%{transform:translateY(10px)}50%{transform:translate(-10px)}}.container .box .content{position:relative;left:0;padding:20px 40px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px;z-index:1;transform:.5s;color:var(--color-white)}.container .box:hover .content{left:-25px;padding:60px 40px}.container .box .content h2{font-size:2em;color:var(--color-white);margin-bottom:10px}.container .box .content p{font-size:1.1em;margin-bottom:10px;line-height:1.4em}.container .box .content a{display:inline-block;font-size:1.1em;color:var(--color-black-1);background:var(--color-white);padding:10px;border-radius:4px;text-decoration:none;font-weight:700;margin-top:5px}.container .box .content a:hover{background:var(--color-white-2);border:1px solid rgba(255,0,89,0);box-shadow:0 1px 15px rgba(1,1,1,.2)}.container .box .content ul{list-style:none;width:100%;display:flex;justify-content:space-evenly;margin:30px 0;padding:10px}li{cursor:pointer;width:30px;height:30px}i{color:var(--color-linkedin);font-size:1.5rem;transition:.3s}li:hover .fa fa-instagram{transform:translate3d(0,-10px,20px);color:var(--color-insta)}li:hover .fa fa-github{transform:translate3d(0,-10px,20px);color:var(--color-gh)}li:hover .fa fa-linkedin{transform:translate3d(0,-10px,20px);color:var(--color-linkedin)}.go-back{margin-top:10px;padding-left:20px;height:4rem;width:5rem}