@import url("https://fonts.googleapis.com/css2?family=Courgette&family=Sue+Ellen+Francisco&display=swap");*,::before,::after{padding:0;margin:0;box-sizing:border-box;cursor:url("../../img/cursors/cursor.png") 0 0,auto}*::selection{background-color:rgba(245,176,65,0.4)}html{scroll-behavior:smooth}h1,p,a,figcaption{font-family:"Sue Ellen Francisco", cursive;color:#1f1f1f}h2,h3,h4,h5{font-family:"Courgette", cursive;color:#1f1f1f}body{background-color:#f6f4f0}#website-header{z-index:10000000;position:fixed;width:100vw;display:flex;justify-content:flex-end;padding:30px 0}#website-header nav{padding:10px 50px 10px 10px;background-color:#fdfcfa;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);border-radius:10px 0 0 10px}#website-header nav button{display:none;position:relative;background:none;border:none;width:40px;height:40px;flex-direction:column;justify-content:space-evenly;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 778px){#website-header nav button{display:flex}}#website-header nav button span{width:100%;height:3px;background-color:#1f1f1f;transition:transform 0.3s, border-radius 0.3s, width 0.3s;cursor:url("../../img/cursors/hand.png") 0 0,auto}#website-header nav button.active span{border-radius:10px}#website-header nav button.active span:first-child{transform:rotate(40deg) translate(100%, -10px);width:50%}#website-header nav button.active span:last-child{transform:rotate(-40deg) translate(100%, 10px);width:50%}#website-header nav ul{list-style:none;display:flex;justify-content:center}@media screen and (max-width: 778px){#website-header nav ul{display:none}#website-header nav ul.active{display:flex;flex-direction:column}}#website-header nav ul li{margin:0 20px}@media screen and (max-width: 992px){#website-header nav ul li{margin:0 10px}}#website-header nav ul li a{cursor:url("../../img/cursors/hand.png") 0 0,auto;text-decoration:none;font-size:1.7em;opacity:0.6;transition:opacity 0.3s}@media screen and (max-width: 992px){#website-header nav ul li a{font-size:1.5em}}#website-header nav ul li a:hover{opacity:1}#website-header nav ul li a.active{opacity:1}#home{position:fixed;height:100vh;width:100vw;overflow:hidden}#home::before{content:"";position:absolute;bottom:-25vh;left:0;height:40vmax;width:40vmax;background-image:url("../../img/pictures/coffee.svg");background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 1200px){#home::before{height:45vmax;width:45vmax}}@media screen and (max-width: 992px){#home::before{bottom:-20vh}}@media screen and (max-width: 576px){#home::before{left:-15vw;bottom:-15vh;height:35vmax;width:35vmax}}#home::after{content:"";position:absolute;bottom:10vh;left:50%;transform:translate(-50%, 0);height:50px;width:50px;background-image:url("../../img/arrows/arrow2.svg");background-size:contain;background-position:center;background-repeat:no-repeat;animation:arrowDown ease-in-out 2s infinite}@media screen and (max-width: 992px){#home::after{height:35px;width:35px}}#home #logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -60%)}#home #logo img{width:50vw}@media screen and (max-width: 778px){#home #logo img{width:75vw}}#home #logo h1{display:flex;align-items:center;justify-content:center;padding-left:25%}@media screen and (max-width: 576px){#home #logo h1{padding-left:0}}#home #logo h1 i{height:75px;width:75px;background-image:url("../../img/arrows/arrow1.svg");background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 992px){#home #logo h1 i{height:50px;width:50px}}@media screen and (max-width: 576px){#home #logo h1 i{height:40px;width:40px}}#home #logo h1 span{font-size:2em;margin-top:20px;margin-left:20px;transform:rotate(2deg)}@media screen and (max-width: 992px){#home #logo h1 span{font-size:1.8em}}@media screen and (max-width: 576px){#home #logo h1 span{font-size:1.4em}}#home #note{position:absolute;top:5vh;left:5vh;height:325px;width:250px;transform:rotate(-2deg);border-radius:10px;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);background-color:#fdfcfa;background-size:50px 50px;background-image:repeating-linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3) 1px, #fdfcfa 1px, #fdfcfa);padding:0 1vw}@media screen and (max-width: 1200px){#home #note{left:2vh;height:275px;width:200px;background-size:40px 40px}}@media screen and (max-width: 778px){#home #note{display:none}}#home #note::before{content:"";display:block;position:absolute;top:0;left:50%;height:30px;width:30px;background-color:#f6f4f0;transform:translate(-50%, 30%);border-radius:50%;box-shadow:inset 0px 3px 6px 0px rgba(0,0,0,0.16)}@media screen and (max-width: 1200px){#home #note::before{height:20px;width:20px;transform:translate(-50%, 50%)}}#home #note p{margin-top:60px;font-size:1.8em;line-height:50px}@media screen and (max-width: 1200px){#home #note p{margin-top:43px;font-size:1.6em;line-height:40px}}#home #note a{display:flex;align-items:center;justify-content:flex-end;text-decoration:none;margin-top:45px;margin-right:30px;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 1200px){#home #note a{margin-top:35px;margin-right:25px}}#home #note a i{height:25px;width:25px;background-image:url("../../img/arrows/arrow3.svg");background-size:contain;background-repeat:no-repeat;background-position:center;cursor:url("../../img/cursors/hand.png") 0 0,auto}#home #note a span{margin-left:5px;font-size:1.8em;opacity:1;transition:opacity 0.3s;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 1200px){#home #note a span{font-size:1.6em}}#home #note a:hover i{animation:contactArrow ease-in-out 1.5s infinite}#home #note a:hover span{opacity:0.8}#home #pictures{position:absolute;right:0;top:20%}@media screen and (max-width: 778px){#home #pictures{display:none}}#home #pictures .picture{position:absolute;top:0;right:0;height:425px;width:350px;background-color:#fdfcfa;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transition:transform 0.3s;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 1200px){#home #pictures .picture{height:350px;width:275px}}@media screen and (max-width: 992px){#home #pictures .picture{height:300px;width:225px}}#home #pictures .picture:first-child{z-index:10;top:15vh;transform:rotate(-5deg) translateX(20%)}#home #pictures .picture:first-child:hover{z-index:100;transform:rotate(0deg) translateX(0%)}#home #pictures .picture:last-child{z-index:1;transform:rotate(4deg) translateX(25%)}#home #pictures .picture:last-child:hover{z-index:100;transform:rotate(0deg) translateX(0%)}#home #pictures .picture img{width:85%;cursor:url("../../img/cursors/hand.png") 0 0,auto}#home #pictures .picture p{font-size:1.8em;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 1200px){#home #pictures .picture p{font-size:1.6em}}@keyframes contactArrow{0%{transform:translate(0, 0)}50%{transform:translate(-10px, 0)}100%{transform:translate(0, 0)}}@keyframes arrowDown{0%{transform:translate(-50%, 0)}50%{transform:translate(-50%, 15px)}100%{transform:translate(-50%, 0)}}#page{position:relative;bottom:-95vh;left:50%;transform:translateX(-50%);width:85vw;border-radius:10px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.25);background-color:#fdfcfa;background-size:50px 50px;background-image:repeating-linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3) 1px, #fdfcfa 1px, #fdfcfa);display:grid;grid-template-columns:repeat(12, 1fr);overflow:hidden}#page .margin{grid-column:span 2;border-right:2px solid rgba(0,0,0,0.3)}@media screen and (max-width: 778px){#page .margin{display:none}}#page .content{grid-column:span 10}@media screen and (max-width: 778px){#page .content{grid-column:span 12}}#page .content article{padding:0 2%}@media screen and (max-width: 778px){#page .content article{padding:0 5%}}#page .content article header{padding-top:10px}@media screen and (max-width: 576px){#page .content article header{padding-top:15px}}#page .content article header h2{font-size:2.3em}@media screen and (max-width: 576px){#page .content article header h2{font-size:1.8em}}#page .content #who{margin-top:50px}#page .content #who .container{margin-top:10px;display:grid;grid-template-columns:repeat(12, 1fr);margin-top:55px}#page .content #who .container .left{grid-column:span 8;padding-right:40px}@media screen and (max-width: 992px){#page .content #who .container .left{grid-column:span 12}}#page .content #who .container .left p{font-size:1.6em;line-height:50px}#page .content #who .container .left p:last-child{margin-top:50px}@media screen and (max-width: 576px){#page .content #who .container .left p{padding-top:3px;font-size:1.4em}}#page .content #who .container .right{grid-column:span 4;place-self:center;width:100%}@media screen and (max-width: 992px){#page .content #who .container .right{margin-top:50px;grid-column:span 12;width:50%}}@media screen and (max-width: 576px){#page .content #who .container .right{width:80%}}#page .content #who .container .right figure{position:relative;width:275px}@media screen and (max-width: 1200px){#page .content #who .container .right figure{width:225px}}@media screen and (max-width: 992px){#page .content #who .container .right figure{width:300px}}@media screen and (max-width: 576px){#page .content #who .container .right figure{width:200px}}#page .content #who .container .right figure::before,#page .content #who .container .right figure::after{content:"";position:absolute;display:block;height:40px;width:175px;background-color:rgba(0,0,0,0.2)}@media screen and (max-width: 1200px){#page .content #who .container .right figure::before,#page .content #who .container .right figure::after{height:30px;width:150px}}@media screen and (max-width: 576px){#page .content #who .container .right figure::before,#page .content #who .container .right figure::after{height:20px;width:100px}}#page .content #who .container .right figure::before{top:0;left:0;transform:translate(-20%, 20%) rotate(-30deg)}#page .content #who .container .right figure::after{bottom:0;right:0;transform:translate(30%, -20%) rotate(-30deg)}#page .content #who .container .right figure img{width:100%}#page .content #skills{margin-top:40px}@media screen and (max-width: 992px){#page .content #skills{margin-top:32px}}#page .content #skills section{margin-top:17px}@media screen and (max-width: 778px){#page .content #skills section{margin-top:20px}}@media screen and (max-width: 576px){#page .content #skills section{margin-top:23px}}#page .content #skills section:nth-child(2){margin-top:55px}@media screen and (max-width: 778px){#page .content #skills section:nth-child(2){margin-top:60px}}@media screen and (max-width: 576px){#page .content #skills section:nth-child(2){margin-top:65px}}#page .content #skills section h3{font-size:2em}@media screen and (max-width: 778px){#page .content #skills section h3{font-size:1.8em}}#page .content #skills section .container{margin-top:40px;display:flex;align-items:center;flex-wrap:wrap}@media screen and (max-width: 576px){#page .content #skills section .container{justify-content:center}}#page .content #skills section .container figure{margin-right:40px;margin-bottom:36px;width:150px}@media screen and (max-width: 576px){#page .content #skills section .container figure{width:125px;margin-bottom:34px}}#page .content #skills section .container figure img{width:100%;height:150px;object-fit:contain}@media screen and (max-width: 576px){#page .content #skills section .container figure img{height:100px}}#page .content #skills section .container figure figcaption{margin-top:10px;font-size:1.6em;text-align:center}@media screen and (max-width: 576px){#page .content #schools h2{margin-top:10px}}#page .content #schools .container{display:flex;margin-top:40px}@media screen and (max-width: 1200px){#page .content #schools .container{flex-wrap:wrap}}#page .content #schools .container .card{position:relative;height:400px;width:425px;padding:2%;margin-right:20px;margin-bottom:20px;background-color:#ffe34b;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16)}@media screen and (max-width: 778px){#page .content #schools .container .card{height:425px;width:375px}}@media screen and (max-width: 576px){#page .content #schools .container .card{width:275px;height:400px;padding:5%}}#page .content #schools .container .card h3{margin-top:30px;font-size:1.7em}@media screen and (max-width: 576px){#page .content #schools .container .card h3{font-size:1.3em}}#page .content #schools .container .card h4{font-size:1.3em;margin:5px 0}@media screen and (max-width: 576px){#page .content #schools .container .card h4{font-size:1.2em}}#page .content #schools .container .card h5{font-size:1.1em}@media screen and (max-width: 576px){#page .content #schools .container .card h5{font-size:1em}}#page .content #schools .container .card p{font-size:1.6em;margin-top:20px}@media screen and (max-width: 576px){#page .content #schools .container .card p{font-size:1.3em}}#page .content #schools .container .card a{position:absolute;bottom:10px;right:20px;display:flex;justify-content:flex-end;cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content #schools .container .card a #lamanu{width:90%}#page .content #schools .container .card a #stjo{width:70%}@media screen and (max-width: 576px){#page .content #schools .container .card a #stjo{width:50%}}#page .content #schools .container .card a img{width:70%;cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content #projects{margin-top:35px}@media screen and (max-width: 1200px){#page .content #projects{margin-top:65px}}#page .content #projects .container{margin-top:45px}#page .content #projects .container .card{background-color:#fdfcfa;border-radius:10px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);overflow:hidden;display:grid;grid-template-columns:repeat(12, 1fr);margin-top:66px}#page .content #projects .container .card:first-child{margin-top:0px}#page .content #projects .container .card figure{grid-column:span 5;height:100%}@media screen and (max-width: 992px){#page .content #projects .container .card figure{grid-column:span 12}}#page .content #projects .container .card figure img{width:100%;height:100%;object-fit:cover}#page .content #projects .container .content{grid-column:span 7;margin-left:5%;padding-bottom:20px}@media screen and (max-width: 576px){#page .content #projects .container .content{margin:0;padding:0 2%}}@media screen and (max-width: 992px){#page .content #projects .container .content{grid-column:span 12}}#page .content #projects .container .content h3{margin-top:13px;font-size:2em}@media screen and (max-width: 778px){#page .content #projects .container .content h3{font-size:1.7em}}@media screen and (max-width: 576px){#page .content #projects .container .content h3{font-size:1.5em}}#page .content #projects .container .content h4{margin-top:20px;font-size:1.4em}@media screen and (max-width: 778px){#page .content #projects .container .content h4{margin-top:10px;font-size:1.2em}}@media screen and (max-width: 576px){#page .content #projects .container .content h4{font-size:1em}}#page .content #projects .container .content p{margin-top:7px;font-size:1.6em}@media screen and (max-width: 778px){#page .content #projects .container .content p{font-size:1.4em}}@media screen and (max-width: 576px){#page .content #projects .container .content p{font-size:1.2em}}#page .content #projects .container .content .buttons-container{display:flex;align-items:center;justify-content:flex-end;margin-top:20px;margin-right:5%}#page .content #projects .container .content .buttons-container a,#page .content #projects .container .content .buttons-container i,#page .content #projects .container .content .buttons-container span{cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content #projects .container .content .buttons-container a,#page .content #projects .container .content .buttons-container span{opacity:1;transition:opacity 0.3s}#page .content #projects .container .content .buttons-container a:first-child{display:flex;align-items:center;text-decoration:none;font-size:1.6em;margin-right:25px}@media screen and (max-width: 778px){#page .content #projects .container .content .buttons-container a:first-child{font-size:1.4em}}@media screen and (max-width: 576px){#page .content #projects .container .content .buttons-container a:first-child{font-size:1.2em}}#page .content #projects .container .content .buttons-container a:first-child .arrow3{margin-right:5px;display:block;height:30px;width:30px;background-image:url("../../img/arrows/arrow3.svg");background-size:contain;background-repeat:no-repeat;background-position:center}#page .content #projects .container .content .buttons-container a:first-child:hover i{animation:contactArrow ease-in-out 1.5s infinite}#page .content #projects .container .content .buttons-container a:first-child:hover span{opacity:0.7}#page .content #projects .container .content .buttons-container a:last-child:hover{opacity:0.7}#page .content #projects .container .content .buttons-container a:last-child i{margin-right:5px;display:block;height:30px;width:30px;background-image:url("../../img/icons/github.svg");background-size:contain;background-repeat:no-repeat;background-position:center}#page .content #contacts{margin-top:70px}#page .content #contacts .container{display:flex;flex-wrap:wrap;align-items:center;margin-top:50px}#page .content #contacts .container .card{display:flex;align-items:center;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);padding:25px 50px;margin-bottom:20px}@media screen and (max-width: 576px){#page .content #contacts .container .card{padding:25px 15px}}#page .content #contacts .container .card .left{width:75px;height:75px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:20px}@media screen and (max-width: 576px){#page .content #contacts .container .card .left{width:50px;height:50px}}#page .content #contacts .container .card .right h3{font-size:1.8em}@media screen and (max-width: 576px){#page .content #contacts .container .card .right h3{font-size:1.4em}}#page .content #contacts .container .card .right a{text-decoration:none;font-size:1.6em;cursor:url("../../img/cursors/hand.png") 0 0,auto}@media screen and (max-width: 576px){#page .content #contacts .container .card .right a{font-size:1.2em}}#page .content #contacts .container .email{background-color:#aed6f1;margin-right:20px}#page .content #contacts .container .email .left{background-image:url("../../img/icons/mail.svg");transform:rotate(-4deg)}#page .content #contacts .container .phone{background-color:#f5cba7}#page .content #contacts .container .phone .left{background-image:url("../../img/icons/phone.svg")}#page .content footer{margin-top:70px;padding:0 2%;font-size:1.2em;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:50px}#page .content footer a,#page .content footer span{opacity:1;transition:opacity 0.3s}#page .content footer a{display:flex;align-items:center;text-decoration:none;cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content footer a i{margin-right:5px;display:block;height:20px;width:20px;background-image:url("../../img/arrows/arrow3.svg");background-size:contain;background-repeat:no-repeat;background-position:center;cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content footer a span{cursor:url("../../img/cursors/hand.png") 0 0,auto}#page .content footer a:hover i{animation:contactArrow ease-in-out 1.5s infinite}#page .content footer a:hover span{opacity:0.7}
/*# sourceMappingURL=main.css.map */