.resume{padding:50px;background-color:var(--black)}.resume h3{color:var(--red);font-size:24px;margin-bottom:10px}.resume p{color:var(--white);font-size:18px}.resume a{color:var(--red);cursor:url(https://res.cloudinary.com/album/image/upload/v1751418639/dbereznak.com/hover_cursor.svg),auto}.resume .content h2{color:var(--gray);font-size:36px;margin-bottom:32px;font-weight:300}.resume .content .role{display:flex;justify-content:flex-start;margin-bottom:30px;padding-bottom:32px;border-bottom:2px solid var(--dark-gray)}.resume .content .role .duration{width:10%;color:var(--dark-gray);font-size:16px}.resume .content .role .duration p{margin:0;font-size:16px;font-weight:300}.resume .content .role .role-details{max-width:50%}.resume .content .role .role-details h3{color:var(--white);font-size:20px;margin:0}.resume .content .role .role-details h4{color:var(--gray);font-size:18px;margin:10px 0;font-weight:400}.resume .content .role .role-details p{margin:0;font-size:16px;font-weight:300}@media (max-width: 600px){.resume .content .role{flex-direction:column}.resume .content .role .duration{width:100%;margin-bottom:20px}.resume .content .role .role-details{max-width:100%}}.contact-container{display:block;margin:96px 64px}.contact-container .contact-header{position:relative;display:flex;justify-content:space-between;margin-bottom:48px}.contact-container .contact-header p{margin-bottom:48px;display:block;max-width:500px}.contact-container .contact-header .connect h2{font-size:70px;margin-bottom:15px;margin-top:0}.contact-container .contact-header .connect p{font-size:18px;margin-bottom:15px}.contact-container .contact-header .connect ul{display:flex;list-style:none;padding:0;margin:auto}.contact-container .contact-header .connect ul li{margin:10px 0;font-size:18px;color:var(--red)}.contact-container .contact-header .connect ul li a{margin-right:10px;color:var(--red)}.contact-container .contact-header .connect .disabled{opacity:.5;cursor:not-allowed}.contact-container .contact-form{color:var(--black);font-size:18px}.contact-container .contact-form label{margin-bottom:3px;font-weight:700}.contact-container .contact-form input{width:100%;border:none;padding:24px;margin-bottom:10px;font-size:18px;background-color:var(--gray);border-radius:6px}.contact-container .contact-form textarea{width:100%;border:none;min-height:200px;padding:24px;margin-bottom:35px;font-size:18px;background-color:var(--gray);border-radius:6px}.contact-container .contact-form button{width:300px;background-color:var(--red);color:var(--white);padding:20px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.contact-container .contact-form button:hover{opacity:.8}.contact-container .contact-form button.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.contact-container{margin:40px 15px}.contact-container .contact-form input,.contact-container .contact-form textarea{width:88%}.contact-container .contact-form button{width:380px}.contact-container .astrick{position:absolute;top:-20px;right:0}}.testimonials{background-color:var(--gray);display:flex;flex-direction:column;justify-content:flex-start;padding:50px}.testimonials h1{color:var(--black);font-size:70px;display:block;margin-top:0}.testimonials .testimonial-cards{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:20px}@media (max-width: 600px){.testimonials{padding:20px}.testimonials h1{font-size:36px;text-align:center}}.card{position:relative;width:30%;max-width:500px;aspect-ratio:1 / .5;padding:25px;border-radius:16px;background-color:var(--white)}.card p{color:var(--dark-gray)}.card .bottom{display:block;position:absolute;bottom:25px}.card h3{font-weight:700;margin:0;padding-bottom:7px;color:var(--red)}.card h4{font-weight:400;margin:0;padding:0;font-size:14px}@media (max-width: 600px){.card{width:100%;aspect-ratio:1 / .5}.card .bottom{position:unset}}.pill-box{position:absolute;bottom:50px}.pill-list{display:inline}.pill-list li{border:1px solid var(--dark-gray);border-radius:16px;padding:5px;background-color:var(--gray);color:var(--dark-gray);margin:10px 10px 0 0}.projects{display:flex;flex-direction:column;width:100%;padding:50px 0;margin:0 auto;background-color:var(--gray)}.projects .panel{position:relative;padding:50px;overflow:hidden}.projects .panel h1{font-size:70px;margin-top:0;color:var(--red)}.projects ul{display:flex;position:relative;justify-content:flex-start;list-style:none;padding:0;margin-bottom:25px;top:1px}.projects button{color:var(--dark-gray);border:none;border-bottom:2px solid var(--gray);background:none}.projects button.selected{color:var(--red);border-bottom:2px solid var(--red);line-height:1.15}.projects button:hover{cursor:url(https://res.cloudinary.com/album/image/upload/v1751418639/dbereznak.com/hover_cursor.svg),auto;color:var(--red)}.projects .project-details{display:flex;justify-content:space-between}.projects .project-details .left{width:48%;margin-right:25px}.projects .project-details .left img{width:100%;height:auto;max-height:600px;overflow:hidden}.projects .project-details .right{width:48%;margin-left:25px;display:flex;flex-direction:column;justify-content:left;align-items:left;text-align:left;padding:0 25px;border-radius:16px;background-color:var(--white)}.projects .project-details .right p{color:var(--dark-gray)}.projects .project-details .right a{color:var(--red);text-decoration:none}.projects .project-details .right a:hover{cursor:url(https://res.cloudinary.com/album/image/upload/v1751418639/dbereznak.com/hover_cursor.svg),auto;text-decoration:underline}.projects .project-details h3{color:var(--red)}@media (max-width: 1300px){.projects .project-details{flex-direction:column}.projects .project-details .left,.projects .project-details .right{margin:0}.projects .project-details .right{width:95%;height:300px}.projects .project-details .right p{max-width:75%}.projects .project-details .left{width:100%;margin-bottom:25px}}@media (max-width: 800px){.projects{display:none}}.cta{display:block;background:radial-gradient(circle at center,#717680 0,#131415 80%);margin:0;position:relative;min-height:800px}.cta .header{padding:30px 30px 0;background-color:transparent;color:var(--red);display:flex;justify-content:flex-end}.cta .header button{color:var(--red);border:none;background-color:transparent;font-size:1.2rem;cursor:pointer;transition:color .3s ease;font-weight:700}.cta .header button:hover{cursor:url(https://res.cloudinary.com/album/image/upload/v1751418639/dbereznak.com/hover_cursor.svg),auto;border-bottom:1px solid var(--red)}.cta h1{display:block;padding:50px;line-height:1.5;font-size:36px;position:absolute;color:var(--white);bottom:0;z-index:1}.cta h1 span{color:var(--red)}.cta .img-container{display:flex;overflow:hidden;width:100%;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:1}.cta .img-container img{height:auto;max-height:800px;margin:0 auto;object-fit:contain;z-index:0}@media (max-width: 1300px){.cta h1{display:block;width:100%;font-size:28px;text-align:center}.cta .img-container{position:absolute;bottom:0}.cta .img-container img{max-height:500px}}@media (max-width: 800px){.cta{height:600px}.cta .img-container{width:85%}.cta h1{font-size:28px;padding:20px;width:82%;top:150px}}@media (max-width: 600px){.cta h1{font-size:32px;padding:10px;width:90%;top:100px}.cta .img-container{width:100%}.cta .img-container img{max-height:400px}}.skills{background-color:var(--red);padding:48px;position:relative;overflow:hidden}.skills h2{font-size:70px;color:var(--white);margin:0}.skills button{color:var(--white);background-color:transparent;border:none;cursor:pointer;scale:2;transition:scale .25s}.skills button.right{position:absolute;right:50px;top:62%;transform:translateY(-50%)}.skills button.left{position:absolute;left:50px;top:62%;transform:translateY(-50%)}.skills button.disabled{opacity:.5;cursor:not-allowed}.skills button:hover{scale:2.5}.skills .skills-container{position:relative;width:90%;margin:20px auto;overflow:hidden}.skills .skills-container .gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background:linear-gradient(to right,var(--red) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,var(--red) 100%)}.skills .skills-container .skills-list{display:flex;flex-direction:row;position:relative;padding-left:0;gap:30px;list-style:none;transition:right .5s ease-in-out}.skills .skills-container .skills-list li{min-width:300px;background-color:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.skills .skills-container .skills-list li h3{margin:0;font-size:24px;color:var(--dark-gray)}.skills .skills-container .skills-list li p{margin-top:10px;color:var(--dark-gray)}.skills:hover{cursor:default}@media (max-width: 800px){.skills button.right{right:25px}.skills button.left{left:25px}.skills .skills-container .skills-list{gap:20px}.skills .skills-container .skills-list li{min-width:280px}}
