@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";:root{--main-color-1: #ff873d;--main-color-2: #5271ff;--main-color-3: #8edf5f;--main-color-4: #995cd0}body{background-color:var(--main-color-1);width:100vw;height:100vh;overflow-x:hidden}.drop{box-shadow:4px 4px 0 8px #000}.outline{border:3px solid #000}p{font-family:noto sans,sans-serif;font-size:1.2em}nav{background:var(--Primary-Blue, #5271ff);border-bottom:#000 solid 4px;padding:20px;display:flex;justify-content:center;align-items:center}nav a{margin:0 20px;text-decoration:none;color:#fff;font-family:bricolage grotesque,sans-serif;font-size:1.2em}footer{background-color:#393939;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:1em;padding:10px}@media only screen and (max-width: 600px){nav{position:absolute;z-index:2;width:100vw;height:auto;flex-direction:column;align-items:flex-start;gap:10px;display:none;padding:100px 0}nav.menu-open{display:flex}i.visible-menu{display:none}i.fa-xmark{color:#fff}nav a{text-decoration:none;padding:14px 16px;font-size:2em}nav a.active{text-decoration:underline}a.icon{color:#000;background:transparent;display:block;position:absolute;z-index:3;left:10px;top:10px;font-size:3em}}@media only screen and (min-width: 768px){nav{display:flex!important}a.icon{display:none}}main{overflow-x:hidden}h1{font-family:bricolage grotesque,sans-serif;font-size:3em}#school{background-color:#affd82;border-bottom:2px dashed #000}#professional{background-color:#e0bdff;border-bottom:2px dashed #000;border-top:2px dashed #000}#personal{background-color:#aebbfa;border-top:2px dashed #000}#school,#professional,#personal{padding:50px 200px;box-sizing:border-box}body>div{padding:80px}.projectList{display:flex;justify-content:space-between;align-items:center}.project{width:300px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.project:hover{cursor:pointer}.project img{width:100%;object-fit:fill}.modal{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#000;background-color:#0006;box-sizing:border-box}.modal-content{background-color:#ead4ff;margin:20vw auto;border:3px solid #000000;width:90%}#modal_title_descr{padding:20px}#modal_title{font-weight:700;font-family:bricolage grotesque,"sans serif"}#modal_header{display:flex;justify-content:space-between;align-items:center;background:#d9d9d9;padding-left:20px;border-bottom:3px solid black;height:50px}#modal_header p{letter-spacing:2px}#modal_header svg{height:50px;width:50px;background:#fd8080}#modal_header svg:hover{background:#f34b4b}#modal_header svg path{color:#fff}#modal_descr_img{display:flex;justify-content:space-between;align-items:flex-start}#modal_descr_img p{width:50%;margin:0}#modal_descr_img div{width:300px;height:300px;display:flex;justify-content:center;align-items:center;border:3px solid black}#modal_descr_img img{width:100%;object-fit:fill}@media only screen and (max-width: 600px){#modal_header p{font-size:15px;letter-spacing:normal}#modal_descr_img div{width:250px;height:250px;display:flex;margin:auto;justify-content:center;align-items:center;border:3px solid black}#modal_descr_img{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:20px;align-items:flex-start}#modal_descr_img p{width:100%;margin:0}#school,#professional,#personal{padding:10px 0 30px 30px;box-sizing:border-box}#school{padding-top:80px}body>div{padding:10px}.projectList{display:flex;padding:10px;width:100%;align-items:center;overflow-x:scroll;overflow-y:hidden}.project{width:300px;height:300px;margin-right:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}}@media only screen and (min-width: 600px) and (max-width: 767px){#modal_header p{font-size:20px;letter-spacing:normal}#modal_descr_img{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start}}@media only screen and (min-width: 768px){#modal_descr_img{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#school,#professional,#personal{padding:10px 0 30px 30px;box-sizing:border-box}body>div{padding:10px}.projectList{display:flex;padding:10px;width:100%;align-items:center;overflow-x:scroll;overflow-y:hidden}.project{width:300px;height:300px;margin-right:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}}@media only screen and (min-width: 992px){#modal_descr_img{display:flex;justify-content:space-between;align-items:flex-start}#modal_descr_img p{width:50%;margin:0}#modal_descr_img div{width:300px;height:300px;display:flex;justify-content:center;align-items:center;border:3px solid black}.modal-content{background-color:#ead4ff;margin:auto;border:3px solid #000000;width:50%}#school,#professional,#personal{padding:50px 200px;box-sizing:border-box}body>div{padding:80px}.projectList{display:flex;justify-content:space-between;align-items:center;overflow:hidden}.project{width:300px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box}}