body{overflow-x:hidden;width:100vw;min-height:100vh;margin:0;padding:0}*{font-family:Be Vietnam Pro;font-size:18px;font-style:normal;font-weight:400;line-height:normal}:root{--main-color: #08f;--main-black: #222}#szablony{opacity:.5!important}main{width:100vw;display:flex;flex-direction:column;align-items:center}main .block{display:flex;width:616px;padding:24px 32px;flex-direction:column;align-items:flex-start;gap:4px;margin-top:54px;border-radius:5px;z-index:25;position:relative;background:#08f;box-shadow:2px 2px 2.6px #00000026}main .block h1{color:#fff;font-family:Be Vietnam Pro;font-size:35px;font-style:normal;font-weight:400;line-height:normal;margin:0}main .block p{color:#fff;font-family:Be Vietnam Pro;font-size:18px;font-style:normal;margin:0;font-weight:400;line-height:normal}main .decoration{position:absolute;top:-165px;right:-194px;z-index:30;scale:.4}main .ats-wrapper{max-width:1197px;display:flex;margin:32px 16px;gap:32px}main .ats-wrapper .bb{cursor:pointer;width:50%;position:relative;height:auto}main .ats-wrapper .bb .resume{cursor:pointer;width:100%;height:auto;border-radius:5px;box-shadow:0 2px #00000040,0 2px 32px #84848440}main .ats-wrapper .bb:hover .block{opacity:1}main .ats-wrapper .bb .block{width:-moz-fit-content;width:fit-content;height:auto;padding:8px 12px;color:#fff;top:calc(50% - 120px);left:calc(50% - 115px);background-color:#08f;opacity:0;position:absolute}main section{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:68px;padding-bottom:68px}main section .cv-template{transition:all .3s ease-in-out;margin:0;height:400px;overflow:hidden;position:relative;border-radius:5px;box-shadow:0 2px #00000040,0 2px 32px #84848440}main section .cv-template:hover figcaption{bottom:0}main section .cv-template:hover{transform:translateY(-4px)}main section .cv-template img{border-radius:5px;background:#fff;height:400px}main section .cv-template figcaption{transition:all .3s ease-in-out;position:absolute;display:flex;flex-direction:column;align-items:start;bottom:-122px;height:100px;background-color:#ffffff63;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;z-index:200;gap:16px;border-top:1px solid rgba(36,35,35,.274);padding-top:16px;padding-left:16px}main section .cv-template figcaption .wrapper{display:flex;gap:8px;flex-direction:row}main section .cv-template figcaption .wrapper .col p{margin:0;color:#1b1b1bd7;font-size:14px}main section .cv-template figcaption .wrapper .col h2{margin:0;color:#1b1b1b;font-size:16px}main section .cv-template figcaption .wrapper img{width:35px;height:35px;border-radius:35px}main section .cv-template figcaption button{transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content;background:#08f;border-radius:5px;color:#fff;font-size:12px;border:none;margin-left:4px;padding:6px 16px;cursor:pointer}main section .cv-template figcaption button:hover{background-color:#fff;color:#08f;border:1px solid #08f}header{display:flex;justify-content:center;align-items:center;width:100vw;background-color:transparent;height:64px}header .logo{position:fixed;left:48px;top:12px;z-index:102}header .logo img{width:30px;height:30px;cursor:pointer;-o-object-fit:cover;object-fit:cover}@media (max-width: 1200px){main section{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){main section{grid-template-columns:repeat(2,1fr)}main .block{width:520px}main .block h1{font-size:30px}main .block p{font-size:16px}}@media (max-width: 600px){main section{grid-template-columns:repeat(1,1fr)}main .block{width:320px}main .block h1{font-size:20px}main .block p{font-size:16px}main .block .decoration{display:none;right:-235px}}