@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Montserrat,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--white);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--s: 160px;--c1: #0e154e;--c2: #020435;--c3: #050f40;background:conic-gradient(from 15deg at 86.6%,var(--c3) 25%,var(--c2) 0 150deg,#0000 0),conic-gradient(from -75deg at 50% 13.39%,var(--c1) 60deg,var(--c3) 0 150deg,var(--c2) 0 210deg,#0000 0),conic-gradient(from 15deg at 36.6% 63.4%,var(--c1) 60deg,var(--c3) 0 150deg,var(--c1) 0 210deg,var(--c2) 0 75%,var(--c3) 0);background-size:var(--s) var(--s)}a{font-weight:500;color:var(--lightblue);text-decoration:inherit}a:hover{color:var(--blue);opacity:.7}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1;margin:1em 0 0}ul{padding-left:.5em}button{border-radius:.5em;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:none;cursor:pointer;transition:border-color .25s;color:var(--lightblue)}button:hover{opacity:.7}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:var(--black);background-color:var(--white);--c1: var(--white);--c2: var(--lightwhite);--c3: var(--superwhite)}button,a{color:var(--black)}}#root{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column}.set{display:flex;flex-wrap:wrap;position:relative}.skill{color:var(--black);background-color:var(--lightblue);padding:.5em;margin:.5em;display:inline-block;border-radius:.5em;box-sizing:border-box}.skill:hover{background-color:var(--blue)}.hard{width:15.29%;min-width:15.29%;height:2.5em}.hard.skill:nth-child(n+32){display:none}.more-btn.show~.hard.skill:nth-child(n+32){display:inline-block}.title{width:100%;height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hard:hover{position:relative}.hard:hover .title{white-space:wrap;overflow:visible;height:fit-content;position:absolute;background-color:var(--blue);border-radius:.5em;padding:.5em;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%)}.level{background-color:var(--black);border-radius:.5em}.certificate{width:100%;display:inline-grid;grid-template-columns:25% 75%}img.certificate{width:100%;float:left;border-radius:.25em}.certificate-info{display:flex;flex-direction:column;margin:1em 2em}.certificates{position:relative}.profile-photo{width:75%;clip-path:polygon(92.553% 52.874%,92.553% 52.874%,91.806% 55.673%,90.66% 58.395%,89.15% 61.026%,87.31% 63.551%,85.177% 65.956%,82.784% 68.225%,80.166% 70.344%,77.359% 72.297%,74.398% 74.071%,71.316% 75.649%,71.316% 75.649%,67.982% 77.111%,63.826% 78.746%,59.051% 80.463%,53.857% 82.175%,48.446% 83.792%,43.018% 85.225%,37.776% 86.385%,32.921% 87.182%,28.653% 87.528%,25.175% 87.332%,25.175% 87.332%,23.596% 87.042%,22.077% 86.7%,20.619% 86.305%,19.22% 85.857%,17.882% 85.355%,16.604% 84.799%,15.386% 84.188%,14.229% 83.523%,13.132% 82.801%,12.096% 82.023%,12.096% 82.023%,11.137% 81.204%,10.248% 80.34%,9.426% 79.431%,8.672% 78.479%,7.985% 77.485%,7.364% 76.448%,6.808% 75.371%,6.316% 74.254%,5.888% 73.098%,5.524% 71.904%,5.524% 71.904%,5.101% 70.171%,4.79% 68.445%,4.591% 66.68%,4.506% 64.827%,4.536% 62.839%,4.68% 60.671%,4.941% 58.273%,5.32% 55.601%,5.816% 52.605%,6.431% 49.24%,6.431% 49.24%,7.028% 46.22%,7.714% 43.022%,8.484% 39.715%,9.335% 36.368%,10.261% 33.048%,11.258% 29.826%,12.322% 26.769%,13.448% 23.946%,14.632% 21.426%,15.87% 19.277%,15.87% 19.277%,16.798% 17.89%,17.73% 16.575%,18.671% 15.333%,19.623% 14.164%,20.588% 13.066%,21.569% 12.039%,22.57% 11.083%,23.592% 10.198%,24.64% 9.383%,25.715% 8.638%,25.715% 8.638%,26.85% 7.908%,28.102% 7.163%,29.507% 6.44%,31.102% 5.776%,32.926% 5.208%,35.014% 4.773%,37.405% 4.506%,40.135% 4.446%,43.242% 4.628%,46.763% 5.09%,46.763% 5.09%,49.972% 5.724%,53.508% 6.632%,57.284% 7.81%,61.213% 9.255%,65.206% 10.963%,69.179% 12.93%,73.042% 15.152%,76.71% 17.626%,80.094% 20.347%,83.109% 23.312%,83.109% 23.312%,85.752% 26.452%,87.945% 29.538%,89.715% 32.573%,91.091% 35.564%,92.097% 38.515%,92.763% 41.433%,93.114% 44.323%,93.178% 47.189%,92.982% 50.038%,92.553% 52.874%);margin-bottom:-3em}.ed-photo{width:90%;object-fit:cover;clip-path:polygon(46.493% 98.416%,46.493% 98.416%,43.403% 98.164%,40.325% 97.435%,37.279% 96.265%,34.289% 94.692%,31.374% 92.752%,28.559% 90.482%,25.863% 87.92%,23.309% 85.103%,20.919% 82.067%,18.715% 78.85%,18.715% 78.85%,16.724% 75.691%,14.632% 72.258%,12.495% 68.598%,10.371% 64.756%,8.317% 60.78%,6.39% 56.713%,4.649% 52.603%,3.15% 48.495%,1.95% 44.436%,1.108% 40.47%,1.108% 40.47%,.564% 36.768%,.209% 33.449%,.029% 30.48%,.011% 27.831%,.139% 25.47%,.4% 23.366%,.778% 21.486%,1.26% 19.8%,1.83% 18.275%,2.475% 16.881%,2.475% 16.881%,3.266% 15.52%,4.276% 14.111%,5.476% 12.699%,6.836% 11.33%,8.325% 10.048%,9.915% 8.898%,11.573% 7.926%,13.272% 7.176%,14.98% 6.693%,16.667% 6.522%,16.667% 6.522%,18.419% 6.624%,20.349% 6.903%,22.469% 7.313%,24.788% 7.812%,27.319% 8.354%,30.072% 8.897%,33.059% 9.395%,36.289% 9.805%,39.775% 10.084%,43.527% 10.187%,43.527% 10.187%,46.702% 9.901%,49.876% 9.127%,53.038% 7.986%,56.181% 6.6%,59.294% 5.092%,62.367% 3.585%,65.391% 2.199%,68.357% 1.058%,71.254% .285%,74.074% -0%,74.074% 0%,76.713% .068%,79.094% .279%,81.248% .646%,83.207% 1.183%,85.001% 1.902%,86.662% 2.817%,88.221% 3.94%,89.708% 5.285%,91.155% 6.865%,92.593% 8.693%,92.593% 8.693%,93.978% 10.678%,95.24% 12.746%,96.363% 14.935%,97.336% 17.284%,98.144% 19.832%,98.775% 22.619%,99.215% 25.682%,99.451% 29.06%,99.469% 32.793%,99.256% 36.919%,99.256% 36.919%,98.589% 41.314%,97.314% 45.804%,95.521% 50.354%,93.301% 54.931%,90.746% 59.5%,87.946% 64.027%,84.993% 68.477%,81.977% 72.816%,78.99% 77.01%,76.122% 81.024%,76.122% 81.024%,73.259% 84.767%,70.377% 87.978%,67.474% 90.69%,64.549% 92.934%,61.602% 94.745%,58.631% 96.153%,55.636% 97.191%,52.615% 97.893%,49.567% 98.29%,46.493% 98.416%)}.lang-btn{position:absolute;top:0;right:0}.lang-btn img{width:3em}.lang-btn:active img{animation:lang .1s ease-in forwards}@keyframes lang{to{transform:rotate(180deg)}}.main{height:36em;text-align:center;grid-row:1 / 3}.contact{width:1.5em;margin:1em}.skills-container{display:inline-grid;grid-template-columns:70% 30%;justify-content:space-evenly;margin-top:-2em}.lang{padding:.5em}.lang:before{content:"○ "}.more-btn{border:none;background:none;cursor:pointer;margin:0;padding:0 .5em;font-size:2em;position:absolute;right:0;bottom:-1em}.more-btn:hover{color:var(--blue)}.more-btn:after{content:"▼";display:inline-block;transform:scaleY(.5)}.more-btn.show:after{content:"▲";display:inline-block;transform:scaleY(.5)}a.more-btn{padding:0}.ed-container{display:inline-grid;grid-template-columns:40% 30% 30%;justify-content:space-evenly}.ed *,.certificate-info *{margin:.5em 0}.degrees{display:flex;flex-direction:column;justify-content:space-around;margin-left:1em}.main-screen{display:grid;grid-template-columns:33% 67%;justify-content:space-evenly;position:relative}h2,h3{margin-left:.5em}.main+div div{margin-left:.5em}.main-screen~div h2{margin-top:3em}.projects{width:100%;display:inline-grid;grid-template-columns:25% 25% 25% 25%;position:relative}.project{width:95%;height:21em;position:relative;background-color:var(--blue)}.project img{width:100%;height:60%;border-radius:.5em;object-fit:cover;object-position:top;opacity:.9;-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000);position:absolute;top:0;left:0}.project .text{position:relative;margin-top:4.5em;display:flex;flex-wrap:wrap}.project h3{margin-bottom:.5em;width:100%;text-shadow:0 0 10px var(--superwhite)}.project p{width:100%;margin:-1em 0 0 1em;font-size:small}.tech{margin:.2em;flex-grow:1;text-align:center}.tech:hover{background-color:var(--lightblue)}.tile:nth-child(n+10) .project{display:none}.more-btn.show~.tile:nth-child(n+10) .project{display:inline-block}.soft-container{display:flex;flex-wrap:wrap}.soft.skill{flex-grow:1;text-align:center}footer{margin-top:4em;display:flex;justify-content:space-between}@media (max-width: 1400px){.tech{padding:.3em}.hard{width:18.5%;min-width:18.5%}}@media (max-width: 1200px){.projects{grid-template-columns:33% 33% 33%}.tile{max-width:300px;margin:auto}.tile:nth-child(n+8) .project{display:none}.more-btn.show~.tile:nth-child(n+8) .project{display:inline-block}.tech{padding:.5em}.hard{width:18%;min-width:18%}.skills-container{grid-template-columns:100%}.ed-container{grid-template-columns:45% 55%}.degrees{grid-row:1/3}.ed-photo{width:50%;margin:auto}ul{padding-left:1.5em}.certificate{grid-template-columns:30% 70%}img.certificate{height:100%}}@media (max-width: 992px){.projects{grid-template-columns:50% 50%}.hard{width:17.5%;min-width:17.5%}.contact{margin:.5em}.main-screen h1{font-size:1.7em}.certificate{grid-template-columns:100%}img.certificate{width:100%;height:fit-content}.certificate-info{margin:1em .5em}}@media (max-width: 768px){.projects{grid-template-columns:100%}.tile{max-width:unset;width:100%}.project{width:100%;height:18em}.project .text{position:absolute;margin:.5em .5em .5em 0;bottom:0}.project img{height:80%}.hard{width:21.75%;min-width:21.75%}.hard.skill:nth-child(n+30){display:none}.more-btn.show~.hard.skill:nth-child(n+30){display:inline-block}.main-screen{grid-template-columns:50% 50%}.main{height:fit-content;grid-row:1 / 2}.profile-photo{width:50%}.main-screen h1{font-size:1.5em}.main-screen>div:last-child{grid-column:1 / 3}.skills-container{grid-template-columns:65% 35%}.ed-container{grid-template-columns:100%}.degrees{grid-row:1/2}.ed-photo{width:50%}}@media (max-width: 576px){.hard{width:29.5%;min-width:29.5%}.hard.skill:nth-child(-n+32){display:inline-block}.hard.skill:nth-child(n+32){display:none}.more-btn.show~.hard.skill:nth-child(n+32){display:inline-block}.skills-container{grid-template-columns:100%}.main-screen{display:block}.main-screen h1{font-size:2em}.contact{margin:1em}.ed-photo{width:75%}}@media (max-width: 480px){.set{display:inline-grid;width:100%;grid-template-columns:50% 50%}.hard{width:95%;min-width:95%;max-width:95%}.tech{padding:.3em}.project{height:22em}}:root{--darkblue: #8F96FF;--deepdarkblue: #6670ff;--blue: #8FBAFF;--deepblue: #66a1ff;--lightblue: #8FDDFF;--green: #8FFFD8;--aqua: #8FFFFD;--white: #E3F7FF;--black: #2C42BE;--yellow: #fffd8f;--deepyellow: #fffc66;--red: #ff8f98;--deepred: #ff6673;--darkblack: #225091;--lightblack: #0047b3;--lightwhite: #f8feff;--superwhite: #f1fcff}