@import"https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:16px}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}:root{--text-color: hsl(193, 38%, 86%);--card-color: hsl(216, 14%, 14%);--background-color: hsl(218, 23%, 16%);--text-alt-color: hsl(228, 45%, 44%);--text-menu-color: hsl(218, 23%, 16%);--alt-background: hsl(0, 100%, 100%);--button-halo: hsla(175, 80%, 29%, .705)}:root{font-family:tomorrow,sans-serif;line-height:1.5;font-weight:400;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:100dvh;max-height:100dvh;min-width:100dvw;min-height:100dvh;margin:0;padding:0;text-align:center;display:flex;flex-direction:column;font-weight:400}header{display:flex;justify-content:space-around;background-color:var(--alt-background);font-size:3dvh;font-weight:600;padding:.2dvh}header a{display:flex;align-items:center;justify-content:center;color:var(--text-menu-color);width:10dvw;height:2.2dvw;background-color:#5a636d31;text-decoration:none;border-radius:.3dvh}header a:hover{box-shadow:0 0 8px #02031d}main{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center}main .card{width:45dvh;height:70dvh;font-size:2.5dvh;text-align:center;color:var(--text-color);perspective:1500px;transition:width .75s;border-radius:1vh 6vh}main .card.large{width:70dvw}main .card .inner:hover,main .card .inner.flip:hover{box-shadow:0 3px 5px #b9aeae80}main .card .inner{position:relative;width:100%;height:100%;border-radius:1vh 6vh;border-style:outset;background-color:var(--card-color);transition:transform 1.5s;transform-style:preserve-3d}main .card .inner.flip{transform:rotateY(180deg)}main .card-front,main .card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5dvh;height:100%;width:100%;position:absolute;backface-visibility:hidden}main .card .roles p{margin:0}main .card .portfolio{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:100%;padding:2dvh 2dvw}main .card .portfolio .moreless{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:1dvh}main .card .portfolio .project{flex:0 0 calc(33.333% - 2dvh)}main .card .portfolio .more{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:1dvh}main .card-front img{height:30%}main .card-front p{font-weight:400}main .card-back{gap:13dvh;backface-visibility:hidden;transform:rotateY(180deg)}main .card-back img{width:50%}main .card-back .contacts{display:flex;flex-direction:column;gap:5dvh}main .card-back .contacts a,main .card-back .contacts a:active{color:var(--text-color);text-decoration:none;font-weight:400}main .card-back .contacts .contact-item{display:flex;align-items:center;gap:2dvh}main .card-back .contacts .contact-item img{width:4dvh}main .card-transition{transition:transform .6s;transform-style:preserve-3d}main .card-transition.flip{transform:rotateY(180deg)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-halo)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer{background-color:var(--alt-background);font-size:2.2dvh}footer a{color:var(--text-alt-color)}