@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap";.card{border-radius:10px;box-sizing:border-box;padding:15px;background-color:#fff;box-shadow:0 1px 4px #00000080;margin:10px;width:100%;transform:scale(.98);transition:.2s}.card:hover{transform:scale(1);box-shadow:0 2px 6px 2px #00000080}.card.title{font-size:1.75em;font-weight:700;text-align:center;max-width:450px;min-width:350px}.card.description{font-size:.85em;max-width:450px;min-width:350px;height:350px;min-height:350px;display:flex;flex-direction:column}.card.description .header{padding-left:15px;font-weight:700;font-size:2em;border:none;border-bottom:1px solid black;height:50px;display:flex;align-items:center}.card.description .body{height:100%}.card.description .body.centered{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card.description .body.list{display:flex;flex-direction:column;justify-content:space-evenly}.card.description .body.text{padding-top:10px;text-align:justify;line-height:1.25}.card.description .body .horz-list{display:flex;width:100%;margin-top:20px;justify-content:space-evenly}.card.description .body .vert-list{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;align-items:center}.card.description .body .vert-list span{font-size:1.25em}.card.description .body a{font-size:1.5em;text-decoration:none;text-align:center;font-weight:700;color:#000;transition:.2s;background-color:#b2d5de;padding:.25em;border-radius:.25em;box-shadow:0 .2em #77c4db}.card.description .body a:only-child{font-size:2em}.card.description .body a:hover{background-color:#b2d5de;transform:translateY(.1em);box-shadow:0 .1em #9ccfdd}.card.description .education-item,.card.description .experience-item{display:flex;flex-direction:column}.card.description .education-item .secondary-row,.card.description .experience-item .secondary-row{display:flex;padding-left:5px;font-size:.9em;width:100%}.card.description .education-item .secondary-row .date,.card.description .experience-item .secondary-row .date{margin-right:10px}.card.description .education-item .name,.card.description .experience-item .name{font-weight:700}@media screen and (min-height: 600px){.container .circle{width:60px;height:60px}.container .item-container{font-size:35px}.container:hover :nth-child(2) .item,.container.force-hover :nth-child(2) .item{transform:translateY(-120px)}.container:hover :nth-child(3) .item,.container.force-hover :nth-child(3) .item{transform:translate(93.8197778961px,-74.818776223px)}.container:hover :nth-child(4) .item,.container.force-hover :nth-child(4) .item{transform:translate(116.9913494205px,26.7025120687px)}.container:hover :nth-child(5) .item,.container.force-hover :nth-child(5) .item{transform:translate(52.0660412923px,108.1162627727px)}.container:hover :nth-child(6) .item,.container.force-hover :nth-child(6) .item{transform:translate(-52.0665365571px,108.1161542609px)}.container:hover :nth-child(7) .item,.container.force-hover :nth-child(7) .item{transform:translate(-117.0076677332px,26.6981914095px)}.container:hover :nth-child(8) .item,.container.force-hover :nth-child(8) .item{transform:translate(-94.1539076935px,-74.9205084304px)}}@media screen and (max-height: 600px){.item-container{font-size:4vh}.container:hover :nth-child(2) .item,.container.force-hover :nth-child(2) .item{transform:translateY(-16vh)}.container:hover :nth-child(3) .item,.container.force-hover :nth-child(3) .item{transform:translate(12.5093037195vh,-9.9758368297vh)}.container:hover :nth-child(4) .item,.container.force-hover :nth-child(4) .item{transform:translate(15.5988465894vh,3.5603349425vh)}.container:hover :nth-child(5) .item,.container.force-hover :nth-child(5) .item{transform:translate(6.942138839vh,14.415501703vh)}.container:hover :nth-child(6) .item,.container.force-hover :nth-child(6) .item{transform:translate(-6.9422048743vh,14.4154872348vh)}.container:hover :nth-child(7) .item,.container.force-hover :nth-child(7) .item{transform:translate(-15.6010223644vh,3.5597588546vh)}.container:hover :nth-child(8) .item,.container.force-hover :nth-child(8) .item{transform:translate(-12.5538543591vh,-9.9894011241vh)}}body{margin:0;font-family:Montserrat,sans-serif;background-color:#77c4db;background-image:linear-gradient(30deg,#9ccfdd 12%,transparent 12.5%,transparent 87%,#9ccfdd 87.5%,#9ccfdd),linear-gradient(150deg,#9ccfdd 12%,transparent 12.5%,transparent 87%,#9ccfdd 87.5%,#9ccfdd),linear-gradient(30deg,#9ccfdd 12%,transparent 12.5%,transparent 87%,#9ccfdd 87.5%,#9ccfdd),linear-gradient(150deg,#9ccfdd 12%,transparent 12.5%,transparent 87%,#9ccfdd 87.5%,#9ccfdd),linear-gradient(60deg,#b2d5de 25%,transparent 25.5%,transparent 75%,#b2d5de 75%,#b2d5de),linear-gradient(60deg,#b2d5de 25%,transparent 25.5%,transparent 75%,#b2d5de 75%,#b2d5de);background-size:40px 70px;background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px}#root{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{width:100%;height:450px;position:relative;display:flex;align-items:center;justify-content:center}.container:hover .face,.container.force-hover .face{transform:scale(1.1)}.container>.item-container{position:absolute;z-index:2}.container>.item-container:nth-child(2)>.item{transition:all .2s,transform .2s .05s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(3)>.item{transition:all .2s,transform .2s .1s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(4)>.item{transition:all .2s,transform .2s .15s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(5)>.item{transition:all .2s,transform .2s .2s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(6)>.item{transition:all .2s,transform .2s .25s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(7)>.item{transition:all .2s,transform .2s .3s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container:nth-child(8)>.item{transition:all .2s,transform .2s .35s cubic-bezier(.79,-.27,.38,1.26)}.container>.item-container>.circle{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;width:1.6em;height:1.6em}.container>.item-container.force-hover>.item{background-color:#61beef;transform:translateY(230px)}.container>.item-container:hover>.item{background-color:#61beef}.container>.face{z-index:5;transition:.2s;border-radius:50%;width:150px;height:150px;overflow:hidden;cursor:pointer}.container>.face img{width:100%;height:100%}