button{

    text-decoration: none;
    color: #333333;
    font-family: 'para', sans-serif;
    color: #333333;
    font-weight: 900;
    font-size:1vw;
    border: none;
    background-color: white;
}

button:hover{
    color: #01a7b0;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: black;
    /*    opacity: 10%;*/
    /*    display: NONE;*/
}

#snackbar {
    visibility: hidden;
    text-decoration: none;
    font-family: 'para', sans-serif;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 0.8vw;
    min-width: 250px;
    margin-left: -125px;
    background-color: #01a7b0;
    /* color: #fff; */
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    }
    
    #snackbar.show {
      visibility: visible;
      -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
      animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
    
    @-webkit-keyframes fadein {
      from {bottom: 0; opacity: 0;} 
      to {bottom: 30px; opacity: 1;}
    }
    
    @keyframes fadein {
      from {bottom: 0; opacity: 0;}
      to {bottom: 30px; opacity: 1;}
    }
    
    @-webkit-keyframes fadeout {
      from {bottom: 30px; opacity: 1;} 
      to {bottom: 0; opacity: 0;}
    }
    
    @keyframes fadeout {
      from {bottom: 30px; opacity: 1;}
      to {bottom: 0; opacity: 0;}
    }





/* Track */
::-webkit-scrollbar-track {
    /*  box-shadow: inset 0 0 5px grey; */
    /*  border-radius: 10px;*/
    opacity: 0;
    display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f8f8f8;
    /*    opacity: 10%;*/
    /*  border-radius: 10px;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #6e6e6e;
}





html,
body {
/*    position: absolute;*/
    margin: 0;
    overflow-x: hidden;
/*    position: relative;*/
    /*    background-color: black;*/
/*        z-index: 9999;*/


    /* width: 100%; */
    /*    height:380vw;*/
    /*    -webkit-font-smoothing: subpixel-antialiased;*/
}



@font-face {
    font-family: 'title';
    src: url("/Fonts/CraftworkGrotesk-Heavy.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}

@font-face {
    font-family: 'para-thin';
    src: url("/Fonts/Space/SpaceGrotesk-Light.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}


@font-face {
    font-family: 'para';
    src: url("/Fonts/Space/SpaceGrotesk-Regular.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}

@font-face {
    font-family: 'para-bold';
    src: url("/Fonts/Space/SpaceGrotesk-Bold.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}


a:link {
    text-decoration: none;
}

::-moz-selection {
    /* Code for Firefox */
    color: #333333;
    background: #00FF47;
}

::selection {
    color: #333333;
    background: #00FF47;
}


ul {
    opacity: 1;
    visibility: visible;
    list-style-type: none;
    margin: 0%;
    padding: 0%;
    overflow: hidden;
    background-color: white;
    box-shadow: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -moz-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -o-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -ms-transition: background-color 700ms linear, opacity .70s ease-in-out;
    transition: background-color 700ms linear, opacity .70s ease-in-out;
}

ul.scrolled {
    visibility: visible;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -moz-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -o-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -ms-transition: background-color 700ms linear, opacity .70s ease-in-out;
    transition: background-color 700ms linear, opacity .70s ease-in-out;
}


li {


    float: right;
}


li a {
    display: inline-block;
    text-align: center;
    /*    padding: 7% 50px;*/
    padding-top: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-bottom: 1vw;
    text-decoration: none;
    font-family: 'para';
    /*    font-weight: 900;*/
    font-size: 0.85vw;
    color: #222222;
    /*    margin-top: 0.56vw;*/
}

li a:hover:not(.active) {

    color: #332cce;
}

li.amitsharma {
    opacity: 1;
    float: left;
    visibility: visible;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;
}

li.amitsharma.fadein {
    visibility: visible;
    opacity: 1;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;

}

li a.amitsharma {
    /*    font-weight: 600;*/
}


.fixed-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}



#postgif {
    position: absolute;
    opacity: 0;
    /*    right: 0;*/
    height: 40vw;
    margin-top: 5vw;
    margin-right: -10.4vw;
    transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#postgif.movein {
    opacity: 1;
    right: 0;
    margin-right: 3vw;
    transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-right 0.7s ease-in-out, opacity 0.7s ease-in-out;

}

#contact {
    font-family: 'title', serif;
    color: #333333;
    font-weight: 200;
    font-size: 5.04vw;
    margin-top: 16vw;
    margin-left: 7vw;
    float: left;
    position: absolute;
    opacity: 0;


    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#contact.movein {
    opacity: 1;
    /* margin-top: 15vw; */
    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#collaborate {
    position: absolute;
    opacity: 0;
    font-family: 'para', sans-serif;
    color: #777777;
    /*    font-weight: 100;*/
    font-size: 1.1vw;
    /*    font-style: italic;*/
    /*    text-decoration-line: underline;*/
    float: left;
    line-height: 2vw;
    margin-left: 7vw;
    margin-right: 66vw;
    /*    padding-top: 0vw;*/
    margin-top: 25vw;
    vertical-align: middle;

    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#collaborate.movein {
    opacity: 1;
    /* margin-top: 24vw; */
    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}


#links {

    opacity: 0;
    font-family: 'para', sans-serif;
    color: #333333;
    font-weight: 900;
    font-size: 1vw;
    /*    font-style: italic;*/
    /*    text-decoration-line: underline;*/
    float: left;
    line-height: 2.8vw;
    margin-left: 7vw;
    margin-right: 0vw;
    padding-top: 0vw;
    margin-top: 35.5vw;
    vertical-align: middle;
    position: absolute;
    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#links.movein {
    opacity: 1;
    /* margin-top: 35.44vw; */
    transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-top 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#linkdecoration {
    text-decoration: none;
    color: #333333;
}






a {
    text-decoration: none;
    color: #333333;
}

email a:hover:not(.active) {

    color: #332cce;
    /*    text-decoration: underline;*/
}


linkedin a:hover:not(.active) {
    color: #0077b5;
}

instagram a:hover:not(.active) {
    color: #E1306c;

}

adplist a:hover:not(.active) {
    color: #b93e91;
}




#landscapeimg{
    position: absolute;
    height: 95vh;
    margin-top: 2vh;
    margin: auto;
    left: 0;
    right: 0;
    /* vertical-align: ; */
    right: 0;
    /* margi */
    z-index: +99999;
}


@media only screen and (orientation:portrait) {
    
    #wrapper {
        display:none;
        
       
    }
    
    body{
        
    }
    
    #warning-hero{
        opacity: 1;
    background-size: cover;
/*    position: fixed;*/
    height: 100vh;
    width: 100vw;
    background-color: black;
    }
    
}

@media only screen and (orientation:landscape) {
    #warning-hero {
        display: none;
    }
}