.homepage-start-top-container{width:100%;height:55svh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#63e38e}.homepage-start-top-container .name-top{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;z-index:5}.homepage-start-top-container .name-top h1{font-family:Limelight,serif;margin:1rem 1rem 0 0;font-size:1.7rem}.homepage-start-top-container .homepage-header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.homepage-start-top-container .homepage-header h2{font-family:K2D,serif;font-size:3rem;font-weight:700;text-align:left;padding-left:2rem}.homepage-start-top-container .homepage-header .g-text-container{width:230px}.homepage-start-top-container .homepage-header .g-text-container .g-text{padding-left:2rem;color:#4a4949;font-size:1rem;font-weight:300}.homepage-start-top-container .space-container{margin-bottom:5rem;opacity:0}.homepage-start-top-container .homepage-start-yellow{display:none}@media (min-width: 700px){.homepage-start-top-container{height:65svh}.homepage-start-top-container .homepage-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10vw}.homepage-start-top-container .homepage-start-yellow{display:block;position:absolute;top:0;right:0;width:40%;height:65svh;background:#ecff5b}}.boxes-container{position:relative;width:100%;height:50svh}.boxes-container .homepage-image-container{position:absolute;width:220px;height:290px;top:23%;right:0;transform:translateY(-50%);z-index:2}.boxes-container .homepage-image-container img{width:220px;height:290px}@media (max-width: 400px) and (max-height: 590px){.boxes-container .homepage-image-container{width:160px;height:220px;top:35%}.boxes-container .homepage-image-container img{width:160px;height:220px}}.boxes-container .homepage-yellow{position:absolute;background:#ecff5b;width:220px;height:290px;z-index:1;top:38%;left:47%;transform:translate(-50%,-50%)}@media (max-width: 400px) and (max-height: 590px){.boxes-container .homepage-yellow{width:160px;height:220px;top:50%}}@media (min-width: 700px){.boxes-container{height:40svh}.boxes-container .homepage-yellow{display:none}.boxes-container .homepage-image-container{top:-35vh;left:57%;width:160px;height:210px}.boxes-container .homepage-image-container img{width:160px;height:210px}.boxes-container .homepage-white-box{top:-24vh;left:62%;width:160px;height:210px}}.homepage-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-container .me-info-container{background:#63e38e;padding:2rem;margin:2rem;max-width:700px;box-shadow:5px 5px 7px #212121b3;transition:.5s;cursor:pointer;text-decoration:none;color:#000}.homepage-container .me-info-container p{font-family:K2D,serif;font-size:1.4rem;font-weight:700;text-align:left;line-height:1.6}.homepage-container .me-info-container:hover{scale:1.02;box-shadow:12px 12px 7px #000000b3;transition:.5s}.homepage-container .languages-box{padding:1rem;margin:10rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:700px}.homepage-container .languages-box .row-1,.homepage-container .languages-box .row-2,.homepage-container .languages-box .row-3{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.homepage-container .languages-box .icon{font-size:3rem;margin:1rem}.homepage-container .languages-box .icon-box{position:relative}.homepage-container .languages-box .icon-box .react-tooltip,.homepage-container .languages-box .icon-box .ts-tooltip,.homepage-container .languages-box .icon-box .html-tooltip,.homepage-container .languages-box .icon-box .css-tooltip,.homepage-container .languages-box .icon-box .sass-tooltip,.homepage-container .languages-box .icon-box .node-tooltip,.homepage-container .languages-box .icon-box .mongo-tooltip,.homepage-container .languages-box .icon-box .express-tooltip,.homepage-container .languages-box .icon-box .php-tooltip,.homepage-container .languages-box .icon-box .sql-tooltip,.homepage-container .languages-box .icon-box .firebase-tooltip,.homepage-container .languages-box .icon-box .next-tooltip{display:none}.homepage-container .languages-box .icon-box:hover .react-tooltip,.homepage-container .languages-box .icon-box:hover .ts-tooltip,.homepage-container .languages-box .icon-box:hover .html-tooltip,.homepage-container .languages-box .icon-box:hover .css-tooltip,.homepage-container .languages-box .icon-box:hover .sass-tooltip,.homepage-container .languages-box .icon-box:hover .node-tooltip,.homepage-container .languages-box .icon-box:hover .mongo-tooltip,.homepage-container .languages-box .icon-box:hover .express-tooltip,.homepage-container .languages-box .icon-box:hover .php-tooltip,.homepage-container .languages-box .icon-box:hover .sql-tooltip,.homepage-container .languages-box .icon-box:hover .firebase-tooltip,.homepage-container .languages-box .icon-box:hover .next-tooltip{display:block;position:absolute;top:95%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem}.homepage-container .projects-button{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:4rem 0;max-width:700px;text-decoration:none}.homepage-container .projects-button button{border:2px solid black;font-family:Modak,serif;font-size:2rem;background:#fff;padding:1.5rem 2.5rem;width:calc(100% - 4rem);margin:0 2rem;cursor:pointer;color:#000}@media (min-width: 700px){.homepage-container .projects-button button{transition:.8s}.homepage-container .projects-button button:hover{background:#000;color:#fff;transition:.8s}}@media (max-width: 400px){.homepage-container .me-info-container p{font-size:1rem;font-weight:500;line-height:1.6}.homepage-container .languages-box .icon{font-size:2rem;margin:.7rem}}.projects-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-top:10rem;gap:2rem}.projects-container .sund-container{width:12rem;height:17rem;border:2px solid black;background:#63e38e;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:5rem;z-index:3;cursor:pointer;text-decoration:none;color:#000}.projects-container .sund-container .sund{font-family:Satisfy,serif;font-size:2rem}.projects-container .sund-container img{width:7rem;height:9rem}.projects-container .white-box-container{position:relative}.projects-container .white-box-container .white-box{position:absolute;top:-150px;left:-100px;width:12rem;height:17rem;border:2px solid black;background:#fff}.projects-container .picshare-container{width:12rem;height:17rem;border:2px solid black;background:#ecff5b;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5rem;z-index:3;cursor:pointer;text-decoration:none;color:#000}.projects-container .picshare-container .picshare{font-family:Arial,serif;font-size:2rem;font-weight:700;margin:.7rem 0}.projects-container .picshare-container img{width:7.5rem;height:7.5rem}.projects-container .white-box-2-container{position:relative}.projects-container .white-box-2-container .white-box-2{position:absolute;top:-150px;left:-100px;width:12rem;height:17rem;border:2px solid black;background:#fff}.projects-container .training-container{width:12rem;height:17rem;border:2px solid black;background:#63e38e;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:5rem;z-index:3;cursor:pointer;text-decoration:none;color:#000}.projects-container .training-container .training{font-family:Baskervville SC,serif;font-size:2rem;margin:.7rem 0}.projects-container .training-container img{width:7.5rem;height:7.5rem}.projects-container .white-box-3-container{position:relative}.projects-container .white-box-3-container .white-box-3{position:absolute;top:-150px;left:-100px;width:12rem;height:17rem;border:2px solid black;background:#fff}.projects-container .terni-container{width:12rem;height:17rem;border:2px solid black;background:#ecff5b;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5rem;z-index:3;cursor:pointer;text-decoration:none;color:#000}.projects-container .terni-container .terni{font-family:Caveat,serif;font-size:3rem;margin:.7rem 0}.projects-container .terni-container img{width:9rem;height:11rem}.projects-container .white-box-4-container{position:relative}.projects-container .white-box-4-container .white-box-4{position:absolute;top:-150px;left:-100px;width:12rem;height:17rem;border:2px solid black;background:#fff}.projects-container .ss-container{width:12rem;height:17rem;border:2px solid black;background:#63e38e;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:5rem;z-index:3;cursor:pointer;text-decoration:none;color:#000}.projects-container .ss-container .ss{font-family:Poppins,serif;font-weight:700;font-size:2rem}.projects-container .ss-container img{width:10rem;height:10rem}@media (min-width: 700px){.projects-container .terni-container,.projects-container .picshare-container{margin-left:25rem;transition:.5s;box-shadow:5px 5px 7px #212121b3}.projects-container .terni-container:hover,.projects-container .picshare-container:hover{scale:1.1;transition:.5s;box-shadow:10px 10px 7px #212121b3}.projects-container .sund-container,.projects-container .ss-container,.projects-container .training-container{margin-right:25rem;transition:.5s;box-shadow:-5px 5px 7px #212121b3}.projects-container .sund-container:hover,.projects-container .training-container:hover,.projects-container .ss-container:hover{scale:1.1;transition:.5s;box-shadow:-10px 10px 7px #212121b3}.projects-container .training-container,.projects-container .terni-container{margin-top:8rem}.projects-container .white-box-container .white-box{transform:rotate(90deg);top:-200px;left:-150px;width:18rem;height:18rem}.projects-container .white-box-2-container .white-box-2,.projects-container .white-box-3-container .white-box-3,.projects-container .white-box-4-container .white-box-4{transform:rotate(90deg);top:-80px;left:-150px;width:18rem;height:18rem}}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:8rem}.footer-container .footer-top-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:10rem}.footer-container .footer-top-container .footer-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding-left:2rem}.footer-container .footer-top-container .footer-left .left-1{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:#000}.footer-container .footer-top-container .footer-left .left-1 .github{font-size:3rem;padding-right:1rem}.footer-container .footer-top-container .footer-left .left-1 p{font-size:1rem}.footer-container .footer-top-container .footer-left .left-2{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:#000}.footer-container .footer-top-container .footer-left .left-2 .linkedin{font-size:3rem;padding-right:1rem}.footer-container .footer-top-container .footer-left .left-2 p{font-size:1rem}.footer-container .footer-top-container .footer-left .left-3{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:#000}.footer-container .footer-top-container .footer-left .left-3 .mail{font-size:3rem;padding-right:1rem}.footer-container .footer-top-container .footer-left .left-3 p{font-size:1rem}.footer-container .footer-top-container .footer-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;padding-right:2rem}.footer-container .footer-top-container .footer-right .right-1,.footer-container .footer-top-container .footer-right .right-2,.footer-container .footer-top-container .footer-right .right-3{text-align:right;text-decoration:none;color:#000}.footer-container .footer-top-container .footer-right .right-1 p,.footer-container .footer-top-container .footer-right .right-2 p,.footer-container .footer-top-container .footer-right .right-3 p{font-size:1rem;cursor:pointer}.footer-container .footer-top-container .footer-right .right-1{padding-top:15px}.footer-container .footer-top-container .footer-right .right-3{padding-bottom:15px}.footer-container .footer-bottom{padding:2rem;text-decoration:none;color:#000}.footer-container .footer-bottom p{font-size:1.2rem;cursor:pointer}@media (max-width: 400px){.footer-container{padding-top:3rem}.footer-container .footer-top-container .footer-left{padding-left:1rem}.footer-container .footer-top-container .footer-left .left-1 p,.footer-container .footer-top-container .footer-left .left-2 p,.footer-container .footer-top-container .footer-left .left-3 p{font-size:.8rem}.footer-container .footer-top-container .footer-left .github,.footer-container .footer-top-container .footer-left .linkedin,.footer-container .footer-top-container .footer-left .mail{font-size:1.3rem}.footer-container .footer-top-container .footer-right{padding-right:1rem}.footer-container .footer-top-container .footer-right .right-1 p,.footer-container .footer-top-container .footer-right .right-2 p,.footer-container .footer-top-container .footer-right .right-3 p,.footer-container .footer-bottom p{font-size:.8rem}}.show-projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.show-projects-container .show-projects-header{padding:3rem 0;width:100%;text-align:center}.show-projects-container .show-devices-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:66svh;margin:5svh 0}.show-projects-container .show-devices-container .show-desktop{position:absolute;bottom:0}.show-projects-container .show-devices-container .show-desktop img{height:32svh;max-width:98%}.show-projects-container .show-devices-container .show-mobile{position:absolute;top:0}.show-projects-container .show-devices-container .show-mobile img{height:34svh;max-width:95%}.show-projects-container .about-project{padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.show-projects-container .about-project .about-project-header{font-size:1.5rem}.show-projects-container .about-project .about-project-text p{white-space:pre-line;line-height:1.6;font-size:1.1rem}.show-projects-container .about-project .website{padding:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.show-projects-container .about-project .website p{margin-right:1rem}.show-projects-container .about-project .website .blue-p{cursor:pointer;color:#2234f5;transition:.3s;text-decoration:none}.show-projects-container .about-project .website .blue-p:hover{scale:1.04;transition:.3s}@media (min-width: 700px){.show-projects-container .show-devices-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:static;height:52svh;margin-bottom:5rem}.show-projects-container .show-devices-container .show-desktop{position:static}.show-projects-container .show-devices-container .show-desktop img{height:52svh}.show-projects-container .show-devices-container .show-mobile{position:static;padding-bottom:.5rem}.show-projects-container .show-devices-container .show-mobile img{height:52svh}}@media (max-width: 400px){.show-projects-container .about-project .about-project-text p,.show-projects-container .about-project .website p{font-size:.8rem}}.projects-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-page-container .projects-page-header{font-size:2rem;padding:3rem}.projects-page-container .projects-info-container{width:80%;font-size:.7rem}.projects-page-container .projects-info-container .blue-p{font-size:.8rem;color:#2234f5;cursor:pointer;text-decoration:none}.projects-page-container .projects{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-page-container .projects .projects-ss{width:12rem;height:17rem;border:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;cursor:pointer;margin:2rem 0;text-decoration:none;color:#000}.projects-page-container .projects .projects-ss .ss{font-family:Poppins,serif;font-weight:700;font-size:2rem}.projects-page-container .projects .projects-ss img{width:10rem;height:10rem}.projects-page-container .projects .projects-sund{width:12rem;height:17rem;border:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;cursor:pointer;margin:2rem 0;text-decoration:none;color:#000}.projects-page-container .projects .projects-sund .sund{font-family:Satisfy,serif;font-size:2rem;margin:.7rem 0}.projects-page-container .projects .projects-sund img{width:7rem;height:9rem}.projects-page-container .projects .projects-tt{width:12rem;height:17rem;border:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;cursor:pointer;margin:2rem 0;text-decoration:none;color:#000}.projects-page-container .projects .projects-tt .training{font-family:Baskervville SC,serif;font-size:2rem;margin:.7rem 0}.projects-page-container .projects .projects-tt img{width:7.5rem;height:7.5rem}.projects-page-container .projects .projects-terni{width:12rem;height:17rem;border:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;cursor:pointer;margin:2rem 0;text-decoration:none;color:#000}.projects-page-container .projects .projects-terni .terni{font-family:Caveat,serif;font-size:2rem;margin:.7rem 0}.projects-page-container .projects .projects-terni .terni-bottom-text{opacity:0}.projects-page-container .projects .projects-terni img{width:10rem;height:12rem}.projects-page-container .projects .projects-picshare{width:12rem;height:17rem;border:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;cursor:pointer;margin:2rem 0;text-decoration:none;color:#000}.projects-page-container .projects .projects-picshare .picshare{font-family:Arial,serif;font-weight:700;font-size:2rem;color:#1976d2}.projects-page-container .projects .projects-picshare img{width:10rem;height:10rem}@media (min-width: 700px){.projects-page-container .projects-page-header{font-size:3rem;padding:5rem}.projects-page-container .projects-info-container{font-size:1.1rem}.projects-page-container .projects-info-container .blue-p{font-size:1.2rem}.projects-page-container .projects{width:80%;max-width:1100px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.projects-page-container .projects .projects-ss,.projects-page-container .projects .projects-sund,.projects-page-container .projects .projects-tt,.projects-page-container .projects .projects-terni,.projects-page-container .projects .projects-picshare{transition:.5s}.projects-page-container .projects .projects-ss:hover,.projects-page-container .projects .projects-sund:hover,.projects-page-container .projects .projects-tt:hover,.projects-page-container .projects .projects-terni:hover,.projects-page-container .projects .projects-picshare:hover{scale:1.1;transition:.5s}}*{margin:0;padding:0;font-family:Geist Mono,serif;font-weight:400;font-style:normal;box-sizing:border-box}body{background:#fff}.about-me-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-me-container .about-me-header{font-size:2rem;padding:3rem}.about-me-container .about-me-text{width:80%;font-size:.7rem}.about-me-container .about-me-text .blue-p{font-size:.8rem;color:#2234f5;cursor:pointer;text-decoration:none}.about-me-container .about-me-images{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-me-container .about-me-images img{border:2px solid black;width:14rem;height:20rem;margin:2rem 0}@media (min-width: 700px){.about-me-container .about-me-header{font-size:3rem}.about-me-container .about-me-text{width:80%;font-size:1.2rem}.about-me-container .about-me-text .blue-p{font-size:1.3rem}.about-me-container .about-me-images{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;max-width:1100px;padding-top:5rem}.about-me-container .about-me-images img{border:2px solid black;width:14rem;height:20rem;margin:2rem 0}}