.project{width:100%;display:flex;align-items:center;justify-content:center}#projects-page-grain{height:500vh}.ind-proj2{display:flex;align-items:center;flex-direction:column;justify-content:center;width:20%;margin-right:5%;margin-left:5%}.project-name{font-weight:bolder;font-size:1.875rem;text-align:center;z-index:1}.ind-proj{width:50%;display:flex;justify-content:center;align-items:center;position:relative}.ind-proj img{width:100%;height:auto;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);border:3px solid #a7abdd;background:linear-gradient(#fff,#fff),linear-gradient(45deg,#888,#aaa);background-origin:border-box;background-clip:content-box,border-box}.ind-proj img:before{content:"";position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid transparent;box-sizing:border-box;transition:border-color .3s ease}.ind-proj img:hover:before{border-color:#a7abdd}.image-box{position:absolute;width:50%;height:50%;background-color:#a7abdd;top:-10px;left:-10px;z-index:0}.image-proj{width:100px;height:100px;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.project{flex-direction:column!important}.ind-proj,.ind-proj2{width:90%}}.new-colour{color:#00bcd4}body,html{height:100%;margin:0}.background-colour-globe{height:100vh;scroll-snap-type:y mandatory;overflow:hidden}.projects-holder{height:100%;scroll-snap-type:y mandatory}.project{height:100vh;scroll-snap-align:start}.ind-proj a,.technologies{display:flex;justify-content:center;align-items:center}.technologies{flex-wrap:wrap}.project-page-individual{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-left:12.5%;padding-right:12.5%;font-size:1.125rem}.project-page-individual h1{font-weight:bolder;font-size:2.5rem;margin-top:5.25rem}.project-page-individual p{margin-bottom:.5rem;margin-top:.5rem}.links{margin-bottom:.625rem;color:#f4b266;text-decoration:none;font-size:1.25rem;position:relative}.links:hover{text-decoration:underline}.proj-display-image{width:60%;height:auto}@media (max-width:768px){.project-page-individual{padding-left:5%;padding-right:5%}.proj-display-image{width:100%}}.project-page-individual h2,h3{font-size:1.625rem;font-weight:700}.bottom{padding-bottom:2.5rem}.hikecast-trail{height:40vw;width:20vw}.title-size{font-size:2.5rem}.project-description{display:flex;align-items:center;justify-content:center;font-size:1.25rem}.project-individual{height:100%;min-height:100vh;background-color:#242423;width:100%}