.modal-content[data-v-4996e872]{background-color:#fefefe;padding:35px;width:calc(260px + 180*(100vw - 300px)/1300);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:7px}.close[data-v-4996e872]{color:#aaa;float:right;font-size:32px;font-weight:700;margin:-30px -20px}.close[data-v-4996e872]:focus,.close[data-v-4996e872]:hover{color:red;text-decoration:none;cursor:pointer}h1[data-v-4996e872],p[data-v-4996e872]{text-align:left}.button[data-v-4996e872]{font-size:16px;cursor:pointer;border:none;border-radius:0;background-color:#ddd;margin:20px 20px 0 0;padding:7px 12px;float:left;text-decoration:none;color:#000}img[data-v-4996e872]{height:16px;margin-right:5px;bottom:-2px;position:relative}*{margin:0;padding:0}html{scroll-behavior:smooth}#app,#intro{margin:0}#intro{width:100%;height:100vh;padding:0;background-color:#000;background-image:url(../img/back3.a5c0e507.jpg);background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:#fff;text-align:center;text-shadow:2px 2px #000;font-family:Calibri,Trebuchet MS,sans-serif}#intro #name{font-size:calc(60px + 90*(100vw - 300px)/1300);position:relative;top:30%;margin:0 auto;font-weight:700}#intro #wTitle{font-size:calc(20px + 30*(100vw - 300px)/1300);position:relative;top:30%;padding:8px}#scrollDown{width:100%;position:absolute;cursor:pointer;bottom:0}#title{font-size:calc(50px + 20*(100vw - 300px)/1300);font-family:Calibri,Trebuchet MS,sans-serif;text-align:center;padding:30px}#profile #pfp{box-shadow:0 0 10px;width:calc(240px + 210*(100vw - 300px)/1300);border-radius:2px;margin-bottom:20px;display:inline-block;vertical-align:middle}#profile #wrapper{width:100%;text-align:center;margin-bottom:30px}#profile #info{width:calc(240px + 210*(100vw - 300px)/1300);text-align:left;font-family:Calibri,Trebuchet MS,sans-serif;font-size:calc(14px + 6*(100vw - 300px)/1300);padding:0 30px;display:inline-block;vertical-align:middle}#projects{width:100%;background-color:#222;text-align:center;padding-bottom:30px}#projects #title{color:#fff;padding:0;padding-top:30px}#projects #learn_more{font-size:calc(13px + 7*(100vw - 300px)/1300);font-family:Calibri,Trebuchet MS,sans-serif;text-align:center;color:#fff;margin-bottom:20px}#projects .container{width:calc(240px + 210*(100vw - 300px)/1300);height:calc(240px + 210*(100vw - 300px)/1300);text-align:center;overflow:hidden;cursor:pointer}#projects .container,#projects .container img{position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#projects .container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:brightness(55%);filter:brightness(55%);transition:transform .5s ease}#projects .container img:hover{transform:scale(1.2)}#projects ul{list-style-type:none;padding:0}#projects li{display:inline-block;margin:20px}#projects .container .overlay_text{color:#fff;position:absolute;font-family:Calibri,Trebuchet MS,sans-serif;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(16px + 4*(100vw - 300px)/1300);font-weight:400;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#projects .modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#links{text-align:left}#banner #links{text-align:center}#links img{height:calc(20px + 15*(100vw - 300px)/1300)}#banner #links img{height:34px}#links ul{list-style-type:none;padding:0}#links li{display:inline-block;margin:0 10px}#links img:hover{opacity:.5}#banner{background-color:#fff;width:280px;margin:50px auto;margin-top:60px;padding:10px;border-radius:10px;text-align:center}#banner p{font-size:24px;font-family:Calibri,Trebuchet MS,sans-serif}.iconify{width:40px;height:40px;-webkit-animation:bounce .5s linear infinite alternate;animation:bounce .5s linear infinite alternate;position:relative}@-webkit-keyframes bounce{0%{bottom:calc(8*(100vw - 300px)/1300)}to{bottom:calc(5px + 12*(100vw - 300px)/1300)}}@keyframes bounce{0%{bottom:calc(8*(100vw - 300px)/1300)}to{bottom:calc(5px + 12*(100vw - 300px)/1300)}}