@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,button{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;box-sizing:border-box;color:#000;padding:0;text-decoration:none}header{align-items:center;background-color:#3c3a39;display:flex;height:3.5rem;justify-content:space-between;padding:0 6%;width:100vw}header a{color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-style:normal;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}header nav{display:flex}header nav button{background-color:transparent}header nav button:active,header nav button:hover{background-color:transparent;border:none}header nav ul{align-items:center;background-color:#3c3a39;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:-150%;position:fixed;top:0;width:100vw;z-index:1}header nav ul li{border-bottom:1px solid #6f6c6b;margin-top:7.5vw;width:85vw}header nav ul li button{margin-right:1rem}header nav ul li button img{height:1.5rem;width:1.5rem}header nav ul li.close{border-bottom:none;text-align:end}header nav ul li.close button{background-color:transparent}header nav ul li.envelope{display:none}header nav ul li a{font-family:inter,arial,helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:700;letter-spacing:0;line-height:44px;padding:0 1rem}@media(min-width:768px){header{height:4.5rem}header a{font-family:inter,arial,helvetica,sans-serif;font-size:20px;line-height:20px}header nav img{height:20px;width:auto}header nav li.close button img{height:auto;width:30px}}@media(min-width:1080px){header nav button{display:none}header nav ul{flex-direction:row;height:auto;position:static;text-align:center;width:30vw}header nav ul li{border:none;margin:0}header nav ul li.close{display:none}header nav ul li.envelope{align-items:center;display:flex;height:auto;justify-content:center}header nav ul li.envelope button{display:block}header nav ul li a{font-size:15px;font-weight:600;line-height:20px;text-align:center}}form{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;width:100%}form input{border:none;border-bottom:1px solid #dbd8d7;font-family:inter,arial,helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:400;height:48px;letter-spacing:0;line-height:24px;padding:0 16px;text-align:left;width:calc(100% - 32px)}form input::-webkit-input-placeholder{color:#979493}form input:-ms-input-placeholder{color:#979493}form input::placeholder{color:#979493}form textarea{background-color:#fbf8f7;border:none;font-family:inter,arial,helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:400;height:90px;letter-spacing:0;line-height:24px;max-height:150px;padding:12px;resize:vertical;text-align:left;width:calc(100% - 24px)}form textarea::-webkit-input-placeholder{color:#3c3a39}form textarea:-ms-input-placeholder{color:#3c3a39}form textarea::placeholder{color:#3c3a39}form button{padding:12px}@media(min-width:768px){form{align-items:flex-start;width:45%}}button{background-color:#ff6b00;color:#fff;font-family:inter,arial,helvetica,sans-serif;font-size:17px;font-style:normal;font-weight:700;letter-spacing:.03em;line-height:24px;text-align:center;transition:.3s}button:hover{background-color:#fff5e1;border:1px solid #f55800;color:#f55800}button:active{background-color:#e05304}button:disabled{background-color:#f4f1f0;color:#5b5957}.App{overflow:hidden}.presentation{align-items:center;background-color:#1c1a19;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 3.5rem);justify-content:center;position:relative;width:100vw}.presentation h1{color:#ff6b00;font-family:Crete Round,serif;font-size:56px;font-style:normal;font-weight:400;letter-spacing:.3700000048px;line-height:64px;width:88%}.presentation h2,.presentation p{color:#fff;width:88%}.presentation h2{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;line-height:32px}.presentation h2,.presentation p{font-style:normal;letter-spacing:0}.presentation p{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:24px}.presentation ul{display:flex;gap:1.7rem;height:3rem;padding:0 1rem;width:88%}.presentation img.decoration{bottom:0;position:absolute;right:0}@media(min-width:768px){.presentation{gap:24px}.presentation h1{align-self:flex-start;font-size:72px;letter-spacing:0;line-height:82px;margin-left:6%;text-align:left;width:400px}.presentation h2,.presentation p{align-self:flex-start;margin-left:6%;width:566px}.presentation h2{font-size:32px;font-weight:500;line-height:44px}.presentation h2,.presentation p{font-family:inter,arial,helvetica,sans-serif;text-align:left}.presentation p{font-size:20px;line-height:32px}.presentation img{height:auto;width:200px}.presentation ul{gap:3rem}.presentation ul li a img{height:25px;width:auto}}@media(min-width:1080px){.presentation img.decoration{height:100%;width:auto}}.about{background-color:#1c1a19;width:100vw}.about-info{align-items:center;display:flex;flex-direction:column;gap:24px;height:650px;justify-content:center;position:relative;width:100%}.about-info h1{color:#ff6b00;font-family:Crete Round,serif;font-size:72px;letter-spacing:.3700000048px;line-height:88px}.about-info h1,.about-info h2{font-style:normal;font-weight:400;width:88%}.about-info h2{color:#fff;font-family:inter,arial,helvetica,sans-serif;font-size:16px;letter-spacing:0;line-height:24px;text-align:left}.about-info button{align-self:flex-start;height:48px;margin-bottom:70px;margin-left:6%;width:161px}.about-info img{bottom:0;position:absolute;right:0}.about hr{border:.5px solid #fff;width:88%}.about-skills{align-items:center;display:flex;flex-direction:column;height:1255px;justify-content:center;width:100vw}.about-skills ul.about-skills-list{display:flex;flex-direction:column;gap:20px}.about-skills ul.about-skills-list li{color:#fff;font-family:inter,arial,helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:700;letter-spacing:0;line-height:44px;text-align:center}.about-skills ul.about-skills-list li img{margin-right:12px}.about-skills ul.about-skills-list li ul{display:flex;flex-direction:column;gap:32px;margin-top:20px}.about-skills ul.about-skills-list li ul li{font-family:inter,arial,helvetica,sans-serif;font-size:22px;font-style:normal;font-weight:300;letter-spacing:0;line-height:43px;text-align:center}@media(min-width:768px){.about-info{align-items:flex-start;height:590px;padding-left:6%}.about-info h1,.about-info h2{width:566px}.about-info h1{font-size:72px;letter-spacing:0;line-height:82px;text-align:left}.about-info h2{font-size:20px;line-height:32px}.about-info button{margin-left:0}.about-info img{height:auto;width:250px}.about-skills{height:600px}.about-skills ul.about-skills-list{flex-direction:row;gap:0;justify-content:space-evenly;width:88%}.about-skills ul.about-skills-list li,.about-skills ul.about-skills-list li ul li{text-align:left}}@media(min-width:1080px){.about-info img{bottom:30%;height:60%;width:auto}}.contact{align-items:center;justify-content:center;width:100%}.contact,.contact div{display:flex;flex-direction:column}.contact div{gap:58px;padding:124px 0;width:88%}.contact div h1{color:#172b4d;font-family:inter,arial,helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:700;letter-spacing:0;line-height:44px;text-align:center;width:100%}.contact hr{border:.5px solid #dfe1e6;width:100%}.contact ul{align-items:center;display:flex;gap:25px;height:3rem;justify-content:center;width:100%}@media(min-width:768px){.contact div{flex-direction:row;gap:10%}.contact div h1{font-size:40px;line-height:52px;text-align:left;width:45%}.contact ul{gap:3rem;height:4.5rem}.contact ul li a img{height:auto;width:25px}}.projects{grid-gap:24px;display:-ms-grid;display:grid;gap:24px;grid-template-columns:1fr;padding:5rem 0;place-items:center;width:100vw}.projects div{align-items:center;display:flex;flex-direction:column;gap:3rem;width:100%}.projects div h1{font-family:Crete Round,serif;font-size:40px;font-style:normal;font-weight:400;letter-spacing:0;line-height:52px;text-align:center;width:88%}.projects div hr{width:88%}.projects .modal{align-items:center;display:none;height:100vh;justify-content:center;left:-150%;position:fixed;top:0;width:100vw;z-index:2}.projects .modal-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#9794937e;height:100%;left:-150%;position:fixed;top:0;width:100%;z-index:3}.projects .modal-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:0;height:88%;justify-content:space-evenly;padding:1rem 0;position:relative;width:95%;z-index:4}.projects .modal-container button.close-modal{background-color:transparent;position:absolute;right:1rem;top:1rem}.projects .modal-container h2{font-family:Roboto,sans-serif;font-size:32px;font-style:normal;font-weight:700;letter-spacing:0;line-height:44px;text-align:left;width:95%}.projects .modal-container ul{display:flex;gap:12px;width:95%}.projects .modal-container ul li{align-items:center;border:1px solid #8993a4;display:flex;height:40px;justify-content:center;padding:0 12px}.projects .modal-container ul li p{font-family:inter,arial,helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:500;letter-spacing:0;line-height:20px}.projects .modal-container img.preview{height:220px;width:95%}.projects .modal-container h3{font-family:inter,arial,helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:auto;letter-spacing:0;line-height:24px;max-height:170px;overflow-y:auto;text-align:left;width:95%}.projects .modal-container div.button-container{display:flex;flex-direction:row;justify-content:space-between;width:95%}.projects .modal-container div.button-container button{align-items:center;display:flex;font-family:inter,arial,helvetica,sans-serif;font-size:17px;font-style:normal;font-weight:700;height:48px;justify-content:space-evenly;letter-spacing:.03em;line-height:24px;text-align:center;width:159px}@media(min-width:768px){.projects{grid-template-columns:1fr 1fr;margin:0 auto;width:88%}.projects div,.projects div.main-card{grid-column:span 2;width:100%}.projects div hr{width:100%}.projects div.card{grid-column:span 1}.projects .modal-container button.close-modal img{height:auto;width:20px}.projects .modal-container img.preview{height:auto;max-height:55%;order:-1;width:95%}.projects .modal-container div.button-container,.projects .modal-container h2,.projects .modal-container h3,.projects .modal-container ul{width:75%}.projects .modal-container h2{font-family:Crete Round,serif;font-weight:400}.projects .modal-container h3{line-height:30px}.projects .modal-container div.button-container{gap:1.5rem;justify-content:flex-start}}@media(min-width:1080px){.projects{grid-template-columns:1fr 1fr 1fr;max-width:1155px;width:95%}.projects div,.projects div.main-card{grid-column:span 3;width:100%}.projects div{flex-direction:row;gap:24px;justify-content:flex-start}.projects div h1{text-align:left;width:315px}.projects div hr{margin:0;width:calc(100% - 340px)}.projects div.main-card img{width:684px}.projects .modal-container{justify-content:flex-start}.projects .modal-container h2,.projects .modal-container ul{margin-top:2rem;width:95%}.projects .modal-container img.preview{aspect-ratio:1;bottom:10%;height:auto;left:2.5%;order:0;position:absolute;width:57.5%}.projects .modal-container div.button-container,.projects .modal-container h3{position:absolute;right:2.5%;width:35%}.projects .modal-container h3{bottom:50%}.projects .modal-container div.button-container{bottom:10%}}div.main-card{align-items:center;display:flex;flex-direction:column;gap:22px;height:568px;justify-content:space-between;position:relative;width:327px}div.main-card img{height:237px;width:100%}div.main-card h2{font-family:Crete Round,serif;font-size:32px;line-height:44px}div.main-card h2,div.main-card h3{font-style:normal;font-weight:400;letter-spacing:0;text-align:left;width:100%}div.main-card h3{font-family:inter,arial,helvetica,sans-serif;font-size:16px;height:147px;line-height:24px;overflow-y:auto}div.main-card ul{display:flex;gap:12px;height:45px;overflow-x:auto;width:100%}div.main-card ul li{align-items:center;border:1px solid #8993a4;display:flex;height:40px;justify-content:center;padding:0 12px}div.main-card ul li p{font-family:inter,arial,helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:500;letter-spacing:0;line-height:20px}div.main-card button{align-self:flex-start;padding:12px}@media(min-width:768px){div.main-card{grid-gap:0;display:grid;gap:0;grid-template-columns:calc(100% - 327px) 327px;grid-template-rows:72px 164px 64px auto;height:448px;width:88%}div.main-card img{align-self:flex-start;grid-row:span 4;height:auto;margin-top:1.5rem;width:98%}div.main-card h2,div.main-card h3,div.main-card ul{width:327px}div.main-card button{height:48px;padding:0;width:124px}}div.card{align-items:center;background:linear-gradient(180.45deg,rgba(38,38,38,0) .75%,rgba(38,38,38,.9) 61.94%);display:flex;flex-direction:column;gap:22px;height:386px;justify-content:flex-end;overflow:hidden;position:relative;width:327px}div.card img{left:0;position:absolute;top:0;width:100%;z-index:-1}div.card h2,div.card h3{width:95%}div.card h2{font-family:Crete Round,serif;font-size:32px;line-height:44px}div.card h2,div.card h3{color:#fff;font-style:normal;font-weight:400;letter-spacing:0;text-align:left}div.card h3{font-family:inter,arial,helvetica,sans-serif;font-size:16px;height:87px;line-height:24px;overflow-y:auto}div.card ul{display:flex;gap:12px;overflow-x:auto;width:95%}div.card ul li{align-items:center;background:hsla(0,0%,100%,.24);display:flex;height:40px;justify-content:center;padding:0 12px}div.card ul li p{color:#fff;font-family:inter,arial,helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:500;letter-spacing:0;line-height:20px}div.card button{height:48px;width:100%}
/*# sourceMappingURL=main.7d2320b2.css.map*/