@charset "UTF-8";:root{--text-color: #fbf9e9;--bg-color: #181616;--accent-color: #f43028;--nav-width: 8vw}::selection{background-color:var(--text-color);color:var(--bg-color)}#root{height:100vh;width:100%}html{font-size:2vw}@media only screen and (max-width:1749px)and (min-width:1400px){html{font-size:2vw}}@media only screen and (max-width:760px){html{font-size:4vw}}body{color:var(--text-color);background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%201920%201080'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5;'%3e%3cg%20transform='matrix(1.71123,0,0,1.167568,37.647059,-77.059459)'%3e%3crect%20x='-22'%20y='66'%20width='1122'%20height='925'%20style='fill:rgb(24,22,22);stroke:rgb(24,22,22);stroke-width:5.46px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.9816,0.190948,-0.190948,0.9816,140.108601,-68.425091)'%3e%3cpath%20d='M-93.768,258.517C-98.158,258.993%20-102.108,255.816%20-102.584,251.426C-103.06,247.037%20-99.883,243.086%20-95.493,242.61C221.55,208.217%20305.175,257.3%20383.321,319.818C416.054,346.005%20447.75,374.784%20495.991,400.791C669.702,494.442%20829.364,470.255%20988.129,454.116C1150.218,437.639%201311.365,429.311%201485.231,556.113C1715.49,724.044%201788.17,826.322%201911.286,960.772C1964.635,1019.032%201998.503,1040.582%202025.247,1056.808C2053.363,1073.866%202073.902,1085.424%202099.951,1124.375C2102.406,1128.046%202101.419,1133.018%202097.748,1135.472C2094.078,1137.927%202089.106,1136.94%202086.651,1133.27C2062.391,1096.994%202043.133,1086.374%202016.948,1070.487C1989.391,1053.768%201954.456,1031.608%201899.486,971.577C1777.037,837.855%201704.815,736.062%201475.803,569.041C1305.85,445.092%201148.188,453.928%20989.747,470.034C827.982,486.478%20665.393,510.295%20488.398,414.875C439.156,388.328%20406.738,359.042%20373.326,332.312C297.131,271.355%20215.358,224.983%20-93.768,258.517Z'%20style='fill:rgb(244,48,40);'/%3e%3c/g%3e%3cg%20transform='matrix(0.981956,-0.189111,0.189111,0.981956,-110.348733,199.331007)'%3e%3cpath%20d='M2046.922,328.475C2051.258,329.306%202054.103,333.502%202053.272,337.838C2052.44,342.175%202048.244,345.02%202043.908,344.188C1936.253,323.538%201781.001,262.672%201618.057,245.482C1457.233,228.515%201288.747,254.372%201152.172,406.214C1061.746,506.747%201014.35,583.637%20970.803,639.697C903.948,725.763%20846.188,764.368%20661.909,764.368C563.139,764.368%20469.321,754.548%20383.263,752.128C284.604,749.353%20196.265,756.168%20122.741,800.095C49.348,843.943%20-8.904,924.782%20-48.464,1068.933C-54.743,1091.813%20-53.578,1101.576%20-53.759,1108.675C-53.923,1115.155%20-54.854,1120.03%20-60.17,1127.517C-62.727,1131.117%20-67.725,1131.964%20-71.325,1129.408C-74.925,1126.852%20-75.772,1121.854%20-73.216,1118.254C-69.428,1112.919%20-69.723,1109.867%20-69.734,1104.483C-69.749,1096.845%20-69.688,1085.816%20-63.893,1064.698C-22.857,915.168%2038.403,831.844%20114.535,786.359C190.535,740.953%20281.731,733.266%20383.713,736.134C469.632,738.551%20563.298,748.368%20661.909,748.368C838.426,748.368%20894.128,712.323%20958.167,629.882C1001.884,573.603%201049.497,496.439%201140.276,395.514C1280.879,239.195%201454.169,212.103%201619.735,229.57C1783.182,246.813%201938.936,307.761%202046.922,328.475Z'%20style='fill:rgb(244,48,40);'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:center;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font-family:clother,sans-serif;font-weight:400;font-style:normal}@media only screen and (max-width:760px){body{justify-content:flex-start}}#nav{width:100%;height:20vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;flex-wrap:nowrap}@media only screen and (max-width:760px){#nav{height:12vh}}#nav .nav-link{width:8%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;opacity:.9}@media only screen and (max-width:760px){#nav .nav-link{width:15%}}#nav .nav-link .img{width:100%;height:4rem}#nav .nav-link .name{font-size:.6rem;display:none}#nav .nav-link[data-link=projects] .img{background-image:url(/assets/folder-DcAcwYqu.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#nav .nav-link[data-link=friends] .img{background-image:url(/assets/friends-5dOpHxqc.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#nav .nav-link[data-link=skills] .img{background-image:url(/assets/skills-Dw7a9XLV.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#nav .nav-link[data-link=about-me] .img{background-image:url(/assets/aboutme-BRmh-DGZ.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#nav .nav-link:hover{transform:scale(1.05);opacity:1}#nav .nav-link:active{opacity:.9;transform:scale(1)}#header{width:100%;height:10vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:nowrap;font-size:1rem;padding:0 1.5rem 0 1rem;box-sizing:border-box}#header_left{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;height:100%}#header .header-date{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:.4rem;flex-wrap:nowrap;font-size:.8rem;text-shadow:#2d2d2d 2px 2px 10px}#header .header-date span{font-size:.8em;color:#3d3838}#header .header-link{height:100%;aspect-ratio:1/1;opacity:.9}#header .header-link[data-link=cz]{background-image:url(/assets/cz-zfX9r5ts.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#header .header-link[data-link=en]{background-image:url(/assets/uk-BcnCfmUL.svg);background-repeat:no-repeat;background-position:center;background-size:80%}#header .header-link#resume-link{overflow:hidden;transition:.1s;color:#000;z-index:10;position:relative;cursor:pointer;height:1.5rem;font-size:.7rem;padding:0 .8rem}#header .header-link#resume-link:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:6px;background-color:var(--text-color);z-index:-1;transition:.2s}#header .header-link#resume-link:after{content:attr(data-text);position:absolute;height:100%;overflow:hidden;border-radius:6px;background-color:var(--accent-color);z-index:1;-webkit-backdrop-filter:blur(10px) invert(80%);backdrop-filter:blur(10px) invert(80%);color:var(--text-color);inset:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .2s ease}#header .header-link#resume-link:hover:after{clip-path:inset(0 0 0 0)}#header .header-link#resume-link[data-text=životopis]{padding:0 1rem}#header #language-holder{position:absolute;left:0;top:0;margin-top:12vh;width:30vw;height:40vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;flex-wrap:nowrap;padding:2vw}#header #language-holder.inactive a{animation:ease-in-out button-slide-out .3s forwards}#header #language-holder.inactive a:nth-child(2){animation-delay:-.1s}#header #language-holder a{opacity:0;font-size:.8rem;box-shadow:#2d2d2d40 0 0 10px;text-decoration:none;padding:.4em;border-radius:.2em;position:relative;cursor:pointer;overflow:hidden;transition:.1s;color:#000;z-index:10;animation:ease-in-out button-slide-in .3s forwards}#header #language-holder a:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:.2em;background-color:var(--text-color);z-index:-1;transition:.2s}#header #language-holder a:after{content:attr(data-text);position:absolute;height:100%;overflow:hidden;border-radius:.2em;background-color:var(--accent-color);z-index:1;-webkit-backdrop-filter:blur(10px) invert(80%);backdrop-filter:blur(10px) invert(80%);color:var(--text-color);inset:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .2s ease}#header #language-holder a:hover:after{clip-path:inset(0 0 0 0)}#header #language-holder a:nth-child(2){animation-delay:.1s}#header #language-holder a.active{color:var(--text-color)}#header #language-holder a.active:before{background-color:var(--accent-color)}@keyframes button-slide-in{0%{opacity:0;transform:translate(-130%)}to{opacity:1;transform:translate(0)}}@keyframes button-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-130%)}}.link{color:var(--text-color);text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;text-align:center;transition:.2s;cursor:pointer}.link:hover,.link:active{color:var(--accent-color)}#resume{position:absolute;top:0;width:100vw;height:100vh;z-index:9000;background:#00000036;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .5s forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;flex-wrap:nowrap}#resume div{width:100%;height:100%;animation:popOut .2s forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;flex-wrap:nowrap}#resume div img{box-shadow:#ffffff17 0 0 20px;width:35%}@media only screen and (max-width:760px){#resume div img{width:80%}}@keyframes fadeIn{0%{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{background:#00000036;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}#card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;flex-wrap:nowrap;background:#181616e8;box-shadow:0 4px 30px #0000008a;backdrop-filter:blur(7.1px);-webkit-backdrop-filter:blur(7.1px);border:1px solid rgba(255,255,255,.21);width:40vw;aspect-ratio:5/3;padding:.8rem;border-radius:.3em;transition:.9s scale .3s}@media only screen and (max-width:760px){#card{width:80vw}}#card:hover{transform:scale(1.05)}#card_socials{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.3em;flex-wrap:nowrap;border-radius:.2em;height:6em}#card_socials a{font-size:.8rem;text-decoration:none;padding:.3rem .6rem;border-radius:.2em;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;position:relative;cursor:pointer;color:red;overflow:hidden;transition:.1s;color:#000;z-index:10}#card_socials a:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:.2em;background-color:var(--text-color);z-index:-1;transition:.2s}#card_socials a:after{content:attr(data-text);position:absolute;height:100%;overflow:hidden;border-radius:.2em;background-color:var(--accent-color);z-index:1;-webkit-backdrop-filter:blur(10px) invert(80%);backdrop-filter:blur(10px) invert(80%);color:var(--text-color);inset:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .2s ease}#card_socials a:hover:after{clip-path:inset(0 0 0 0)}#card_main-content{width:100%;height:80%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.4em;flex-wrap:nowrap}#card_main-content .photo{aspect-ratio:1/1;background:var(--text-color);background-image:url(data:image/webp;base64,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);background-size:contain;height:100%;border-radius:.2em}#card_main-content .bio{height:100%;width:100%;border-radius:.2em;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:2rem;flex-wrap:nowrap}#card_main-content .bio h1{font-size:1.5rem;margin:0}#card_main-content .bio h2{font-size:.8rem;margin:0;opacity:.4}#card_main-content .bio span:nth-child(2){display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:0;flex-wrap:nowrap}#card_main-content .bio span:nth-child(2) p{margin:0;font-size:.8rem}#card_socials{width:100%;height:20%}#projects{height:80vh}@media only screen and (max-width:760px){#projects{height:100vh}}#projects #projects-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;flex-wrap:nowrap;width:100%;overflow-y:scroll;height:100vh;padding-top:2rem;padding-bottom:2rem;font-size:1vw}#projects #projects-content .project-container{border:1px solid rgba(255,255,255,.21);border-radius:.6em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;padding:1rem;box-sizing:border-box}#projects #projects-content .project-container p{margin:0;text-align:left}#projects #projects-content .project-container h2{font-size:1.2rem;margin:0}#projects #projects-content .project-container h2 i{font-size:1rem;opacity:.2}#projects #projects-content .project-container a{width:100%;aspect-ratio:16/10;cursor:pointer}#projects #projects-content .project-container a[data-project=radianthq]{background:url(/assets/radianthq-DC-PbpZK.webp);background-size:contain;background-position:center center;background-repeat:no-repeat}#projects #projects-content .project-container a[data-project=portfolio]{background:url(/assets/portfolio-BoxM379f.webp);background-size:contain;background-repeat:no-repeat;background-position:center center}#projects #projects-content .project-container a[data-project=resonance]{background:url(/assets/resonance-DLEeUNr8.webp);background-size:contain;background-repeat:no-repeat;background-position:center center}#projects #projects-content .project-container a[data-project=datingsim]{background:url(/assets/datingsim-CjUu0W21.webp);background-size:contain;background-repeat:no-repeat;background-position:center center}#projects #projects-content .project-container a[data-project=lucidify]{background:url(/assets/lucidify-CjkUUu6E.webp);background-size:contain;background-repeat:no-repeat;background-position:center center}#projects #projects-content .project-container .project-technologies{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;width:100%}#projects #projects-content .project-container .project-technologies span{font-size:.6rem;border-radius:.3em;background:var(--accent-color);color:var(--text-color);padding:.4em .6em}#projects #projects-content .project-container p{font-size:.6rem}#projects.fullscreen .project-container{width:50%}#projects .project-container{width:85%}#skills{height:60vh}@media only screen and (max-width:760px){#skills{height:100vh}}#skills #skill-graphs{width:100%}#skills.fullscreen #skill-graphs{width:60%}#skills .skills-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;width:100%;overflow-y:scroll;height:100vh;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.8rem}#skills .skills-content h2{font-size:1.5rem;text-align:left}#skills .skills-content #skill-graphs{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;flex-wrap:nowrap}#skills .skills-content #skill-graphs h2{text-align:center}#skills .skills-content #skill-graphs h2:not(h2:first-child){margin-top:4rem}#skills .skills-content #skill-graphs p{text-align:center;margin:0;width:3rem;font-size:.6rem}#skills .skills-content #skill-graphs p a{color:var(--accent-color)}#skills .skills-content #skill-graphs .skill-projects{width:100%;font-size:.7rem}#skills .skills-content #skill-graphs .skill{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;flex-wrap:nowrap;width:100%}#skills .skills-content #skill-graphs .skill h3{font-size:.7rem;margin:1rem 0 0 1rem}#skills .skills-content #skill-graphs .skill .skill-container{margin-top:.5rem;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap}#skills .skills-content #skill-graphs .skill .skill-container p:nth-child(3){opacity:.1}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph{width:60%;border-radius:10em;border:1px solid rgba(255,255,255,.05);height:1.5rem;box-sizing:border-box;overflow:hidden;padding:.2rem;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:.2rem;flex-wrap:nowrap}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph span{width:100%;height:1.2rem}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph span:first-child{border-bottom-left-radius:10em;border-top-left-radius:10em}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph span:last-child{border-bottom-right-radius:10em;border-top-right-radius:10em}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y5 span:nth-child(1),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y5 span:nth-child(2),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y5 span:nth-child(3),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y5 span:nth-child(4),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y5 span:nth-child(5){background-color:var(--accent-color)}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y4 span:nth-child(1),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y4 span:nth-child(2),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y4 span:nth-child(3),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y4 span:nth-child(4){background-color:var(--accent-color)}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y3 span:nth-child(1),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y3 span:nth-child(2),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y3 span:nth-child(3){background-color:var(--accent-color)}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y2 span:nth-child(1),#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y2 span:nth-child(2){background-color:var(--accent-color)}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#y1 span:nth-child(1){background-color:var(--accent-color)}#skills .skills-content #skill-graphs .skill .skill-container .skill-graph#m span:nth-child(1){background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-color) 51%,var(--accent-color) 50%,rgba(44,20,28,0) 50%,rgba(45,20,28,0) 51%,rgba(0,0,0,0) 100%)}@keyframes popOut{50%{transform:scale(1.05)}}#about{height:70vh}@media only screen and (max-width:760px){#about{height:100vh}}#about.fullscreen #about-content{padding:4em 10em}#about-content{width:100%;overflow-y:scroll;height:100vh;padding:.8rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:nowrap}#about-content p{font-size:.8rem;margin:0}#about-content .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:100%}#about-content .content hr{width:100%;height:1px;border-top:none;border-left:none;border-right:none;border-bottom:2px solid rgba(221,221,221,.1)}#about-content .content>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;flex-wrap:nowrap;width:100%}#about-content .content>div h3{margin:0;position:relative;text-align:left}#about-content .content>div h3:before{content:"";position:absolute;bottom:-10%;left:0;height:1px;border-bottom:3px solid var(--accent-color);border-radius:5px;width:100%}#about-content .content>div ul{list-style:none;margin:0;padding:0}#about-content .content>div ul li{font-size:.8rem}#about-content .content>div#studies ul>p{color:#fff3}#about-content .content>div#studies ul a{border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.5rem 1rem;width:100%;box-sizing:border-box;height:5rem;margin-top:.2rem;transition:.1s;cursor:pointer;color:var(--text-color);text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;flex-wrap:nowrap}#about-content .content>div#studies ul a #chc-logo{background-image:url(/assets/chc2-B5oMjIIE.png);background-repeat:no-repeat;background-size:contain;width:50%;height:80%}#about-content .content>div#studies ul a:hover{transform:scale(1.04)}#about-content .content>div#principles ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.3rem;flex-wrap:wrap}#about-content .content>div#principles ul li{border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.5rem 1rem;width:40%;height:50%}#about-content .content>div#principles ul li h4{font-size:1.2em}#about-content .content>div#principles ul p,#about-content .content>div#principles ul h4{margin:0}#about-content .profile{display:flex;flex-direction:center;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;width:100%;height:fit-content}#about-content .profile-picture{aspect-ratio:1/1;width:60%;max-width:300px;background:url(data:image/webp;base64,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);background-size:cover;border-radius:5%}#about-content .profile-bio{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;flex-wrap:nowrap}#about-content .profile-bio .occupation{color:#636262}#about-content .profile-bio h2{margin:0}#friend-portfolio{position:absolute;z-index:9000;animation:popOut .2s ease-in-out}#friend-portfolio img{width:8rem;border-radius:15px}#friends{height:50vh;padding-bottom:2rem;box-sizing:border-box}@media only screen and (max-width:760px){#friends{height:100vh}}#friends>p a{color:var(--accent-color)}#friends #friends-content{width:100%;height:300vh;display:flex;flex-direction:center;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:nowrap}#friends #friends-content a{width:12%;color:#fff;text-decoration:none;position:relative}#friends #friends-content a[data-friend=maty] div{background-image:url(data:image/webp;base64,UklGRgAFAABXRUJQVlA4IPQEAADwKACdASqPAI8APo08mkelI6KhMDMrmKARiWMG+IUED2N/2HUMZAq+Ehl8KXILeeN1XRd6N0MgFN7WuuO3QqBbR4cEFr8uuQZJlli77LqsVwOnG/UeMhe6LRTJdBWOKC0I+ds/J9x04Ce2d2iHufIvIZ268BJNUCONmgAC3c1B2DIZMtepByWOZ4YCpZC7RVm2D1q1DrcCNU4GkSypG3dUrILbpmTPx658Qf6vx0HNez4D9C/uIu4PgGk0CuQWJl4rpeZbCSmi8WNlxKeqFqDTUf4BFklOsbTCQTZq37x3CXtkZkQwqj3QtXy3jckGjhhFCGFQF3VnMpQJ3Xmupo4+xlQ2EhjYjRCjBwiA4glB0KCb2sFiWDaC+7UlC1+6AP1YbAoXNBX0t/kJGe8NEhC7MLbYjhqlOvmWrvMx6eh+ZjPPe+6xPBYszjAeQ95YoUAA/uJGv/zBP+wX+wXkl/7g+5n2wkfRUYuSs6zrYWNmkUFITtoC/c1tC+xjcgzVpUsZJOW09dtyQjxRT4iJA+ikXYOqqygUfErcSi4rNaHYXYMnWoAwPI1Yfwlkj6Z1pga67YpOpwGpyAOuU0Cx9pLmK41YPVeKtmNZuNwVJsAD3rCcw+KEudxYBqxDJGJOcQzM/tr+KTsi26kqmhJEIAHPOZWXONgrp+t040N9v2hLkbhM6NZbpqYh357vhhq+5/aRbf+9fanjEsoByuhrUGEoryBNZiv2bXLdyULUxe73rYStB6lxqjHF9qPQGJJUixvJfJZM4qg0KoKjCwydlF1FllNBJsM346unNJJa2XP0XwSwgGqZ10SXS0bABaSAUg5QDRBaZnc969LoUY2uI/PUpL6bW6SBVVVkiwuxrH/xqMOTeS6LsdzIhuD9YQEnJ0x3nXomu4KB89QWXk0h3fK5cEpe3qgNGvXebHsDjl7lJy9rMBO3AETxo/hEmiwGnWQxjgMsOlshiWcIdm8JPV726QoyFn91WCM4AcPpBHUgGz+m8XRjFbTKA0fIbnX24qcFprADlKu2mAlDJEdULnlqAqvvYBd0U/yZ2C34W3WLiaty6AkCKtWMMwcBxFbjyvBM8xv3vEIUY5SDUvz5iiIUX+qFcvcJr0gHEDMg8MMVp5SOHLbfPNcjM1ZmdJGa0ePqY0ah+7d2gnof0ClOe5UGTHI2k6LXu74BWQtjmxbH9HeE+nv926AHoZKtz16lMWmODVRX5yCwI0MZ2Huqe7wJALRD9DxRJT4KVVTy39gnOVLXcNq4fjQGM2i0Mp0bKMZNGtWIKHDdCrFHPpt7UGrd1sNedp5gmj40g5xWfIIbcxUCbzIPfd+QgNTT0Rz2ZMAxIwIfsNf0JLPUkofUu/X2AHJ/r4IfOnsv7kiA2KLNDGoOso+A1yI/pBHrgcaP29+mKYdVAB6y8BG384msmhaV4G+jGMQ1F293PFn3FuX2v/5MzshJ596FARGccPU0QyGpWvt7HbRbReqpHG2HCpYfFW6bTZHgH3tGi07O+j3Efgvi8ELFsV7oNGiMgVJxV8lzov8sp5REeCW2uM9pa9Hnr2RK71xmucCqkKGuq9qGE2vP5OxlKYhqx9r3EgNUZJ4oWwELcEPj6OGNfQgTsbIU1NFCA+u4dhYqB2kHpoeev/Lu7DdcaoRbr/PDUnrLGzJyKCPEmr6PsfsL6LOgL9yLcIAAAA==);background-repeat:no-repeat;background-size:cover}#friends #friends-content a[data-friend=alex] div{background-image:url(/assets/alexandro-D24Egpjf.webp);background-repeat:no-repeat;background-size:cover}#friends #friends-content a[data-friend=kiki] div{background-image:url(/assets/kikiando-BR0mYhgE.webp);background-repeat:no-repeat;background-size:cover}#friends #friends-content a:before{position:absolute;background-color:var(--bg-color);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.2rem .3rem;top:0;left:-80%;opacity:0;font-size:.6rem}#friends #friends-content a:hover:before{opacity:1;animation:popOut .2s}#friends #friends-content a div{background:var(--accent-color);height:100%;aspect-ratio:1/1;border-radius:50%}#friends #friends-content a p{margin-top:.4rem;text-align:center;font-size:.8rem}#friends>p{font-size:.8rem;margin:0 3rem}#main-section{height:70vh;width:calc(100% - var(--nav-width));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}@media only screen and (max-width:760px){#main-section{height:50vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;flex-wrap:nowrap}}h2{font-size:3vw;font-weight:300;margin:0}#construction-popup{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;-webkit-backdrop-filter:blur(10px) brightness(50%);backdrop-filter:blur(10px) brightness(50%);width:100vw;height:100vh;top:0;left:0;z-index:1000}#construction-popup h3,#construction-popup p{margin:0}#construction-popup button{font-size:.5em;border:none;background:none;text-decoration:none;padding:.4em .6em;position:relative;cursor:pointer;overflow:hidden;transition:.1s;color:#000;z-index:10}#construction-popup button:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:.2em;background-color:var(--text-color);z-index:-1;transition:.2s}#construction-popup button:after{content:attr(data-text);position:absolute;height:100%;overflow:hidden;border-radius:.2em;background-color:var(--accent-color);z-index:1;-webkit-backdrop-filter:blur(10px) invert(80%);backdrop-filter:blur(10px) invert(80%);color:var(--text-color);inset:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .2s ease}#construction-popup button:hover:after{clip-path:inset(0 0 0 0)}#hoverText{position:absolute;font-size:.5rem;border-radius:.2em;background:var(--accent-color);color:var(--text-color);padding:.4em .6em;z-index:10000;animation:forwards popOut .3s}#footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.5rem;padding:.5em .7em;opacity:.2}.window{position:absolute;border:1px solid rgba(255,255,255,.21);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;background-color:var(--bg-color);box-sizing:border-box;border-radius:.3em;width:50vw;animation:ease-in popOut .2s;transition:width .3s,height .3s}@media only screen and (max-width:760px){.window{width:100vw;height:100vh;padding-bottom:10vh}}.window>div:nth-child(2){cursor:default}.window.fullscreen#projects,.window.fullscreen#about,.window.fullscreen#skills,.window.fullscreen#friends{height:100vh;width:100vw}.window .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;flex-wrap:nowrap;font-size:1rem;width:100%;height:8vh;padding:0 1em;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.05)}@media only screen and (max-width:760px){.window .header{height:12vh}}.window .header span{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.window .header button{border-radius:100%;width:1em;aspect-ratio:1/1;border:none;cursor:pointer}.window .header button:active{transform:scale(.9)}.window .header button#close{background-color:var(--accent-color)}.window .header button#nothing{background-color:#2d2d2d;margin-left:.5em;transform:scale(1.05)}.window .header button#maximize{background-color:#28f42b;margin-left:.5em}.window .header button:hover{opacity:.8}.window .header p{color:#ffffffba;font-size:.8rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-color),20% transparent)}.closing{pointer-events:none}#loader{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10000;animation:fadeOut 1s forwards;animation-delay:1.6s;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;background:var(--bg-color)}#loader-window{width:80%;height:80%;border:1px solid rgba(255,255,255,.2);border-radius:15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;box-sizing:border-box}#loader-window #loader-header{width:100%;height:2.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;flex-wrap:nowrap}#loader-window #loader-header #loading-text span{animation:fading 2s infinite}#loader-window #loader-header #loading-text span:nth-child(2){animation-delay:.1s}#loader-window #loader-header #loading-text span:nth-child(3){animation-delay:.2s}#loader-window #loader-header #loading-text span:nth-child(4){animation-delay:.3s}#loader-window #loader-header #loading-text span:nth-child(5){animation-delay:.4s}#loader-window #loader-header #loading-text span:nth-child(6){animation-delay:.5s}#loader-window #loader-header #loading-text span:nth-child(7){animation-delay:.6s}#loader-window #loader-header #ellipse-wrapper{width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}#loader-window #loader-header #ellipse-wrapper span{width:.8rem;aspect-ratio:1/1;border-radius:50%;animation:pulse 2s infinite ease-in-out}#loader-window #loader-header #ellipse-wrapper span:nth-child(1){background-color:var(--accent-color)}#loader-window #loader-header #ellipse-wrapper span:nth-child(2){background-color:#2d2d2d;margin-left:.5em;width:.9rem;animation-delay:.5s}#loader-window #loader-header #ellipse-wrapper span:nth-child(3){background-color:#28f42b;margin-left:.5em;animation-delay:1s}#loader-window #loader-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:nowrap;padding:0 2rem;box-sizing:border-box}#loader-window #loader-content p{font-size:4rem}#loader-window #loader-content div{border-radius:15px;background-color:#d8c5c524;animation:fading 1s infinite}#loader-window #loader-content div:nth-child(1){width:100%;height:30%}#loader-window #loader-content div:nth-child(2){width:100%;height:45%}.transition-thingy{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:11000;background:var(--accent-color);transform:translateY(100%);animation:transition 1s forwards ease-in-out;animation-delay:1.2s}@keyframes pulse{50%{transform:scale(.9);opacity:.6}}@keyframes fading{50%{opacity:.6}}@keyframes transition{0%{transform:translateY(100%)}50%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeOut{0%{opacity:1}50%{opacity:0}to{opacity:0}}