.home-page{min-height:60vh}.home-page .light-text{color:var(--secondary-light-background)}.home-page .description-pre{display:block;max-width:100%;font-size:20px;font-style:italic}.home-page .description-pre pre{text-wrap:wrap;word-break:break-all;white-space:pre-wrap}.home-page .main-row{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:40px;margin-top:50px;margin-bottom:40px}.home-page .main-row .code-block{width:70%;line-height:27px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-page .main-row .code-block pre{border-radius:5px;padding:15px!important}.home-page .main-row .img-container{width:300px;height:300px;border-radius:50%;overflow:hidden}.home-page .main-row .img-container img{max-width:100%}.home-page .links-row{display:flex;flex-flow:row wrap;align-items:center;gap:40px}.home-page .links-row .link{text-align:center;text-transform:lowercase}.home-page .links-row .link .img-container{display:block;width:40px;height:40px;border-radius:50%;margin:auto;transition:opacity .3s}.home-page .links-row .link .img-container:hover{opacity:.7!important}.home-page .links-row .link .img-container img{display:block;max-width:100%;max-height:100%}@media screen and (max-width:1155px){.home-page .main-row{flex-direction:column-reverse;margin-bottom:50px}.home-page .main-row .code-block{width:98%!important;margin:auto}.home-page .links-row{justify-content:center}}.project-page.hide{display:none}.project-page-title{text-align:center;max-width:90%;margin:auto auto 80px}.project-details-page{display:flex;flex-flow:row wrap;justify-content:center;gap:70px;min-height:80vh}.project-details-page .close{text-decoration:underline;margin-bottom:30px!important;transition:opacity .3s;cursor:pointer}.project-details-page .close:hover{opacity:.7}.project-details-page .container{width:-moz-fit-content;width:fit-content;min-width:50%}.project-details-page .container p{margin:0}.project-details-page .container .a-section{margin-top:40px}.project-details-page .container .a-section p:first-child{text-transform:uppercase;margin-bottom:20px}.project-details-page .images-container{width:500px}.project-details-page .images-container img{max-width:100%;margin-bottom:15px}.see-project-button{display:block;margin-top:30px}@media screen and (max-width:1155px){.project-element{margin-top:40px}}.project-element,.project-element .data-side .row-1{display:flex;flex-flow:row wrap}.project-element{justify-content:space-between;max-width:100%;color:var(--secondary-text);overflow:hidden;cursor:pointer}.project-element .data-side{position:relative;flex-grow:2;height:-moz-fit-content;height:fit-content}.project-element .data-side:after{display:block;position:absolute;bottom:0;content:"";width:97%;height:1px;background-color:var(--secondary-light-background)}.project-element .data-side .row-1{gap:30px}.project-element .image-side{width:400px}.project-element .image-side img{max-width:100%;max-height:100%}.project-element .project-name{color:var(--secondary-light-background);transition:color .3s}.project-element:hover .project-name{color:var(--secondary-text)}@media screen and (max-width:1155px){.project-element .row-1 p{margin:0}.project-element .technologies{margin-top:20px;margin-bottom:40px}}.custom-button{border:none;outline:none;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:20px;padding:15px;border-radius:20px;background-color:var(--secondary-light-background);color:var(--secondary-text);transition:background-color .3s,color .3s;cursor:pointer}.custom-button img{width:35px}.custom-button:hover{color:var(--secondary-light-background);background-color:var(--secondary-text)}.technical-stack-page .page-title{text-align:center;max-width:90%;margin:auto auto 60px}.technical-stack-page .stack-elements-container{width:85%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;column-gap:20px;row-gap:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:auto auto 100px}@media screen and (max-width:1155px){.stack-elements-container{display:grid!important;grid-template-columns:repeat(2,1fr)}.stack-elements-container .stack-element img{width:30px!important;height:30px!important}}.stack-element{width:-moz-fit-content;width:fit-content;max-width:100%;padding:20px;background-color:var(--secondary-background);border:1px solid var(--secondary-background);color:var(--secondary-text);gap:20px;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;border-radius:10px}.stack-element img{width:35px;border-radius:2px}.stack-element.animate{animation:long-blink 7s ease-in-out infinite alternate}@keyframes long-blink{to{opacity:.7}}.form-input{color:var(--secondary-text);width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--secondary-background);padding:20px;border-radius:10px;display:flex;flex-flow:row wrap;align-items:center;gap:20px}.form-input img{width:40px}.form-input input{border:none;outline:none;background-color:rgba(0,0,0,0);color:inherit;font-family:inherit;min-width:250px;width:80%;height:35px}.form-input input::placeholder{color:inherit}.form-textarea{max-width:100%;height:200px;outline:none;border:none;background-color:var(--secondary-background);color:var(--secondary-text);padding:10px;font-family:inherit;border-radius:10px}.contact-page,.contact-page form{display:flex;flex-direction:column;gap:40px;max-width:100%}.contact-page{align-items:center}.contact-page .or,.contact-page .page-title{text-align:center;margin:0}.contact-page .form-input,.contact-page .form-textarea{width:700px}.contact-page .form-message,.contact-page .request-message{text-align:center;max-width:90%;margin:auto}.calendar-element{background-color:var(--secondary-light-background);color:var(--secondary-light-text);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;transition:opacity .3s}.calendar-element:not(.selected):hover{opacity:.7}.calendar-element.selected{background-color:var(--secondary-text);color:var(--secondary-background)}.calendar{background-color:var(--secondary-background);color:var(--secondary-text);padding:20px;width:-moz-fit-content;width:fit-content;max-width:100%;transition:width .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-flow:row wrap;justify-content:center}.calendar p{margin:0}.calendar .calendar-container{padding-right:10px;max-width:100%;overflow-x:auto}.calendar .calendar-container table{margin-top:30px;border-spacing:35px}.calendar .calendar-container table thead th{padding-bottom:30px}.calendar .availability{display:flex;flex-direction:column;align-items:center;gap:30px;border-left:1px solid var(--secondary-light-background);padding-left:10px}.calendar .availability .calendar-day-choice{margin-bottom:20px}.calendar .calendar-header-controls,.calendar .calendar-header-controls .controls{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.calendar .calendar-header-controls .controls{gap:10px;font-weight:700;font-size:25px;cursor:pointer}.calendar .calendar-header-controls .controls span{transition:opacity .2s}.calendar .calendar-header-controls .controls span:hover{opacity:.7}@media screen and (max-width:1155px){.calendar *{scale:.95}.calendar table{border-spacing:1px!important}.calendar .calendar-container{margin-bottom:30px}}.calendar-day-choice{background-color:var(--secondary-light-background);color:var(--secondary-light-text);width:200px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;transition:opacity .3s;gap:10px}.calendar-day-choice:not(.selected):hover{opacity:.7}.calendar-day-choice.selected{background-color:var(--secondary-text);color:var(--secondary-background)}.portfolio-page{max-width:100%}.portfolio-page>.a-page{min-height:100vh;padding-top:20px;padding-left:20px;padding-right:20px;margin-bottom:100px}.portfolio-page>.a-page .mouse-scroll{margin:20px auto auto;width:300px}.portfolio-nav{background-color:var(--secondary-background);width:-moz-fit-content;width:fit-content;max-width:100%;padding:20px;position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:3;border-radius:7px;display:flex;flex-flow:row wrap;gap:20px}.portfolio-nav a{transition:color .3s}.portfolio-nav a.active,.portfolio-nav a:hover{color:var(--secondary-light-background)}.portfolio-nav a:not(.portfolio-nav a:last-child):after{content:" ->"}@media screen and (max-width:1214px){.page{padding:10px!important}.portfolio-page{padding-bottom:1000px}.portfolio-nav{width:98%}}.mouse-scroll{width:200px}